גאווה סקריפט לגלריה רנדומלית

[יוסי דויד]

לצורך ערבוב תמונות בגלריה
אני צריך קוד גאווה סקריפט שיעשה לי את העבודה
אשמח לעזרה פה מהחברה
תודה מראש

 

[עילום]

תסביר
אתה מתכוין שיציג רנדומלי?

 

[יוסי דויד]

אני מתכוון שיערבב לי את סדר התמונות, שלא יוצגו לפי מה שהעליתי, אלא כל פעם בבלגן...

 

[Naftali Stein]

תפרט קצת יותר,

יש לך כבר קוד להצגת גלריה?

בגדול... תוכל לתת לתמונות מספור רץ ולהגריל מספר באמצעות המתודה random.

 

[יוסי דויד]

אני מדבר על גלריה בוורדפרס
שמה הוא robo gallery

 

[חנה 1]

אם אתה משתמש בגרסה בתשלום שלהם, נראה שיש להם אפשרות להציג את התמונות באופן רנדומלי. זו אמורה להיות אפשרות כלשהי דרך הפלאגין.

 

[Naftali Stein]

לא חושב שרלוונטי כל כך קוד js במקרה הזה, תצטרך ללמוד את הקוד של התוסף בכדי להבין איך הוא מתנהג ואיך להתערב לו בהתנהגות.

@חנה 1 , אכן לפי האתר שלהם יש את האפשרות המדוברת.

בשיטוט קל ברשת אני רואה שיש המון תוספי גלריה אפי׳ חינמיים שנותנים את האופציה של רנדומלי.

 

[יוסי דויד]

בשיטוט קל ברשת אני רואה שיש המון תוספי גלריה אפי׳ חינמיים שנותנים את האופציה של רנדומלי.

אשמח לקבל קישורים
תודה

 

[s976]

אכן JS מתאים מצוין למטרה זו (כמו גם לכל מניפולציה עם DOM).
ואם משתמשים בתוסף זכרון מטמון, אז חייבים להשתמש דווקא בJS (אחרת הדף נשלף מהמטמון, וגם אם בתוסף הוגדר לעשות רנדומלי - זה פשוט לא יעזור).
להלן פונקציה קטנה שכתבתי כעת להנאתכם:

function changePositions(parent){
var childs = Object.assign({},parent.childNodes);
var ids = Object.keys(childs);
    parent.innerHTML  = '';
    ids = ids.sort(()=>Math.random()-0.5);
  ids.forEach(function(id){
        parent.appendChild( childs[id] );
    });
}


var parents = document.querySelectorAll(".samBannerUnit");
parents.forEach(function(p){
    setInterval(changePositions,400,p);
});

אפשר להפעיל את הפונקציה כאן באתר פרוג (מתוך קונסול) ולראות איך הפרסומות מתחילות להתחלף (לצורך הוספתי עוד שלוש שורות מלבד הפונקציה עצמה)