מקטע מתחלף באתר אינטרנט

[מוטי מן]

יש לי קטע מסויים בדף, שאני רוצה שכל 5 שניות יתחלף ככה במחזוריות קבועה, הצלחתי לעשות את זה לתמונות, אבל אני מעוניין במקטע שלם בדף, האם זה אפשרי?

המדובר הוא במקטע של <iframe>.

[רחמים]

@מוטי-מן איך עשית עם תמונות? תעלה קוד או עדיף https://jsfiddle.net או IDE מקוון אחר שאתה אוהב.

[מוטי מן]

@רחמים הצלחתי באמצעות הקוד הזה

<script type="text/javascript">
image = new Array();
image[0] = "https://XXXXXXXXXXX.html";


setInterval("document.getElementById('img_rnd').src=image[Math.round(Math.random()*(image.length-1))]",10000);
</script> 

<iframe width="1250" height="840" seamless frameborder="0" scrolling="no" src="https://XXXXXXXXX" id="img_rnd"></iframe>

אבל זה משתנה ללא סדר אלא בצורה רנדומלית, ואני רוצה לפי הסדר... אני מבין שצריך לשנות (אני רואה את כל הrnd...) אבל לא יודע למה צריך לשנות, נא עזרתכם בבקשה...

[רחמים]

@מוטי-מן תעשה משתנה גלובלי, במקום רנד, והוא יהיה האינדקס של התמונה במערך התמונות, וכל פעם יתקדם באחד, וכשיגיע למקסימום תחזיר אותו לאפס, או שתעשה מודלו.

[Shaya]

@מוטי-מן הנה קטע קוד שיעשה את מה שאתה רוצה (אם הבנתי נכון), ואידך זיל גמור:

let INDEX = 0;

setInterval(() => {
  if (INDEX === images.length - 1) {
    INDEX = 0;
  }

  document.getElementById('img_rnd').src = images[INDEX];

  INDEX++;
}, 5000);

דוגמה

[מוטי מן]

@shaya הקוד שהבאת לא עובד לי עם iframe.
@רחמים לא הבנתי בדיוק... איך אני משנה את זה מרנדומלית ללפי הסדר?
תודה!

[רחמים]

@מוטי-מן
כמו שכתב @Shaya

<script type="text/javascript">
image = new Array();
image[0] = "https://XXXXXXXXXXX.html";
 
var INDEX = 0;
 
setInterval(() => {
  if (INDEX === images.length - 1) {
    INDEX = 0;
  } 
  document.getElementById('img_rnd').src = images[INDEX]; 
  INDEX++;
}, 5000);

</script> 
 
<iframe width="1250" height="840" seamless frameborder="0" scrolling="no" src="https://XXXXXXXXX" id="img_rnd"></iframe>

[chv]

@מוטי-מן אמר במקטע מתחלף באתר אינטרנט:

יש לי קטע מסויים בדף, שאני רוצה שכל 5 שניות יתחלף ככה במחזוריות קבועה, הצלחתי לעשות את זה לתמונות, אבל אני מעוניין במקטע שלם בדף, האם זה אפשרי?

המדובר הוא במקטע של <iframe>.

אני חושב שכדאי להעלות קוד של ההכנסה הזו של iframe בדף.
כל ההודעות למטה מסתבכות כי אתה מסביר על התמונות ואז מבקש על הiframe וכו'..
ותסביר באיזו מחזוריות ה-iframe יוכל להיטען.
כלומר ממה בנויה הרשימה של ה-iframeים שאתה רוצה להכניס.

[רחמים]

@מוטי-מן פה יש דוגמא שעובדת https://jsfiddle.net/3z2vdmko/

<script type="text/javascript">
images = new Array();
images[0] = "https://www.jdn.co.il/health/1459091/";
images[1] = "https://www.jdn.co.il/news/1459078/";
 
var INDEX = 0;
 
setInterval(() => {
  if (INDEX === images.length) {
    INDEX = 0;
  } 
  document.getElementById('myFrame').src = images[INDEX]; 
  INDEX++;
}, 5000);
 
</script> 

<iframe width="1250" height="840" seamless frameborder="0" scrolling="no"
 src="https://www.jdn.co.il/news/1459202/" id="myFrame">
   
 </iframe>