Javascript Slideshow

Status
Niet open voor verdere reacties.
R

ronvos

Nieuwe gebruiker
Lid geworden
28 mei 2009
Berichten
3
Voor de cracks moet dit een ongelooflijk domme vraag zijn :(
Maar ik ben het even kwijt.

Wie kan mij helpen met de onderstaande code, waar moet ik de opmerking toevoegen dat er geen loop is, maar de slideshow eindigt na de laatse foto ?.

Bedankt alvast ...

-------------------------------------------

HTML: 
<SCRIPT LANGUAGE="JavaScript">
var rotate_delay = 5000; // delay in milliseconds (5000 = 5 secs)
current = 0;
function next() {
if (document.slideform.slide[current+0]) {
document.images.show.src = document.slideform.slide[current+0].value;
document.slideform.slide.selectedIndex = ++current;
   }
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
   }
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == "Stop") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
   }
}
//  End -->
</script>
<form name=slideform>
<table cellspacing=1 cellpadding=4 bgcolor="#000000">
<tr>
<td align=center bgcolor="white">
<b>Very welcome to www.mirtos.nl...</b>
</td>
</tr>
<tr>
<td align=center bgcolor="white" width=200 height=150>
<img src="http://www.mirtos-reizen.nl/slide/33.jpg" name="show">
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<select name="slide" onChange="change();">
<option value="http://www.mirtos-reizen.nl/slide/33.jpg" selected>Welcome...
<option value="http://www.mirtos-reizen.nl/slide/loading1.gif">Loading...
<option value="http://www.mirtos-reizen.nl/slide/90.jpg">Mirtos1
<option value="http://www.mirtos-reizen.nl/slide/4.jpg">Mirtos2
<option value="http://www.mirtos-reizen.nl/slide/5.jpg">Mirtos3
<option value="http://www.mirtos-reizen.nl/slide/6.jpg">Mirtos4
<option value="http://www.mirtos-reizen.nl/slide/97.jpg">Mirtos5
<option value="http://www.mirtos-reizen.nl/slide/98.jpg">Mirtos6
<option value="http://www.mirtos-reizen.nl/slide/99.jpg">Mirtos7
<option value="http://www.mirtos-reizen.nl/slide/10.jpg">Mirtos8
<option value="http://www.mirtos-reizen.nl/slide/11.jpg">Mirtos9
<option value="http://www.mirtos-reizen.nl/slide/12.jpg">Mirtos10
<option value="http://www.mirtos-reizen.nl/slide/13.jpg">Mirtos11
<option value="http://www.mirtos-reizen.nl/slide/14.jpg">Mirtos12
<option value="http://www.mirtos-reizen.nl/slide/15.jpg">Mirtos13
<option value="http://www.mirtos-reizen.nl/slide/16.jpg">Mirtos14
<option value="http://www.mirtos-reizen.nl/slide/17.jpg">Mirtos15
<option value="http://www.mirtos-reizen.nl/slide/18.jpg">Mirtos16
<option value="http://www.mirtos-reizen.nl/slide/19.jpg">Mirtos17
<option value="http://www.mirtos-reizen.nl/slide/20.jpg">Mirtos18
<option value="http://www.mirtos-reizen.nl/slide/21.jpg">Mirtos19
<option value="http://www.mirtos-reizen.nl/slide/22.jpg">Mirtos20
<option value="http://www.mirtos-reizen.nl/slide/23.jpg">Mirtos21
<option value="http://www.mirtos-reizen.nl/slide/24.jpg">Mirtos22
<option value="http://www.mirtos-reizen.nl/slide/25.jpg">Mirtos23
<option value="http://www.mirtos-reizen.nl/slide/26.jpg">Mirtos24
<option value="http://www.mirtos-reizen.nl/slide/27.jpg">Mirtos25
<option value="http://www.mirtos-reizen.nl/slide/28.jpg">Mirtos26
<option value="http://www.mirtos-reizen.nl/slide/29.jpg">Mirtos27
<option value="http://www.mirtos-reizen.nl/slide/30.jpg">Mirtos28
<option value="http://www.mirtos-reizen.nl/slide/31.jpg">Mirtos29
<option value="http://www.mirtos-reizen.nl/slide/32.jpg">Mirtos30
<option value="http://www.mirtos-reizen.nl/slide/93.jpg">Mirtos31
<option value="http://www.mirtos-reizen.nl/slide/34.jpg">Mirtos32
<option value="http://www.mirtos-reizen.nl/slide/35.jpg">Mirtos33
<option value="http://www.mirtos-reizen.nl/slide/36.jpg">Mirtos34
<option value="http://www.mirtos-reizen.nl/slide/37.jpg">Mirtos35
<option value="http://www.mirtos-reizen.nl/slide/38.jpg">Mirtos36
<option value="http://www.mirtos-reizen.nl/slide/39.jpg">Mirtos37
<option value="http://www.mirtos-reizen.nl/slide/40.jpg">Mirtos38
<option value="http://www.mirtos-reizen.nl/slide/41.jpg">Mirtos39
<option value="http://www.mirtos-reizen.nl/slide/42.jpg">Mirtos40
<option value="http://www.mirtos-reizen.nl/slide/43.jpg">Mirtos41
<option value="http://www.mirtos-reizen.nl/slide/44.jpg">Mirtos42
<option value="http://www.mirtos-reizen.nl/slide/45.jpg">Mirtos43
<option value="http://www.mirtos-reizen.nl/slide/46.jpg">Mirtos44
<option value="http://www.mirtos-reizen.nl/slide/47.jpg">Mirtos45
<option value="http://www.mirtos-reizen.nl/slide/48.jpg">Mirtos46
<option value="http://www.mirtos-reizen.nl/slide/49.jpg">Mirtos47
<option value="http://www.mirtos-reizen.nl/slide/50.jpg">Mirtos48
<option value="http://www.mirtos-reizen.nl/slide/51.jpg">Mirtos49
<option value="http://www.mirtos-reizen.nl/slide/52.jpg">Mirtos50
<option value="http://www.mirtos-reizen.nl/slide/53.jpg">Mirtos51
<option value="http://www.mirtos-reizen.nl/slide/54.jpg">Mirtos52
<option value="http://www.mirtos-reizen.nl/slide/55.jpg">Mirtos53
<option value="http://www.mirtos-reizen.nl/slide/56.jpg">Mirtos54
<option value="http://www.mirtos-reizen.nl/slide/57.jpg">Mirtos55
<option value="http://www.mirtos-reizen.nl/slide/58.jpg">Mirtos56
<option value="http://www.mirtos-reizen.nl/slide/59.jpg">Mirtos57
<option value="http://www.mirtos-reizen.nl/slide/60.jpg">Mirtos58
<option value="http://www.mirtos-reizen.nl/slide/61.jpg">Mirtos59
<option value="http://www.mirtos-reizen.nl/slide/62.jpg">Mirtos60
<option value="http://www.mirtos-reizen.nl/slide/63.jpg">Mirtos61
<option value="http://www.mirtos-reizen.nl/slide/64.jpg">Mirtos62
<option value="http://www.mirtos-reizen.nl/slide/65.jpg">Mirtos63
<option value="http://www.mirtos-reizen.nl/slide/92.jpg">Mirtos64
<option value="http://www.mirtos-reizen.nl/slide/end.jpg">Mirtos65
</select>
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<input type=button onClick="first();" value="|<<" title="Beginning">
<input type=button onClick="previous();" value="<<" title="Previous">
<input type=button name="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay">
<input type=button onClick="next();" value=">>" title="Next">
<input type=button onClick="last();" value=">>|" title="End">
</td>
</tr>
</table>
</form>
</center>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="VU" height=150 width=150>
</tr>
</table>
</script>
 
Laatst bewerkt door een moderator:
Ik denk dat je deze regel moet veranderen:

HTML: 
current = (current == document.slideform.slide.length-1) ? 0 : current+1;

Die zet je pointer namelijk weer op 0 als je aan het einde gekomen bent.

Als je die regel gewoon weghaalt, zal het volgens mij wel werken.
 
Tnx !!!

Hallo Erik Booy

Dank je wel voor je hulp, je hebt me in de juiste richting geduwd, deze regel verwijderen was geen optie, dan werkt het niet, de volgende regel doet wel wat hij zou moeten doen:

current = (current == document.slideform.slide.length-0) ? 0 : current+1;

Nogmaals enorm bedankt voor je hulp :thumb:

Vriendelijke groeten

Ron Vos
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan