Userbase

ik heb een javascriptje, het dient als een automatische slideshow.
nu wil ik het zo maken dat na het vertonen van de laatste foto de slideshow blijft staan op die laatste foto. kan iemand me helpen.

ik heb er ook de gewone html codes nog bijstaan. dan kan je zien hoe het werkt

Code: Selecteer alles

<script>

// Set the slideshow speed (in milliseconds)
var SlideShowSpeed = 2000;

// Set the duration of crossfade (in seconds)
var CrossFadeDuration = 3;

var Picture = new Array(); // don't change this
var Caption = new Array(); // don't change this


Picture[1]  = '../fotos/de_fotos_zelf/Image001.jpg';
Picture[2]  = '../fotos/de_fotos_zelf/Image002.jpg';
Picture[3]  = '../fotos/de_fotos_zelf/Image003.jpg';
Picture[4]  = '../fotos/de_fotos_zelf/Image004.jpg';

var tss;
var iss;
var jss = 1;
var pss = Picture.length-1;

var preLoad = new Array();
for (iss = 1; iss < pss+1; iss++){
preLoad[iss] = new Image();
preLoad[iss].src = Picture[iss];}

function runSlideShow(){
if (document.all){
document.images.PictureBox.style.filter="blendTrans(duration=2)";
document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";
document.images.PictureBox.filters.blendTrans.Apply();}
document.images.PictureBox.src = preLoad[jss].src;
if (document.all) document.images.PictureBox.filters.blendTrans.Play();

jss = jss + 1;
if (jss > (pss)) jss=1;
tss = setTimeout('runSlideShow()', SlideShowSpeed);
}

</script>

</head>

<body onload=runSlideShow() bgcolor=#000000>

<CENTER><table border=0 cellpadding=0 cellspacing=0 width="1">
  <tr>
    <td width="841" height="*">
    <img src=Image001.jpg name=PictureBox width="640" height="481">
    </td>
  </tr>
  </table>

</body>

</html>

greetzz

Wijzig deze regels:

Code: Selecteer alles

if (jss > (pss)) jss=1;
tss = setTimeout('runSlideShow()', SlideShowSpeed);

in:

Code: Selecteer alles

if (jss < pss) {
tss = setTimeout('runSlideShow()', SlideShowSpeed); }

en

Code: Selecteer alles

var pss = Picture.length-1;

in:

Code: Selecteer alles

var pss = Picture.length+1;

ik heb het eens geprobeerd, maar dan krijg ik steeds eenfoutmelding dat er een teken "("verwacht wordt. dus iets klopt er nog niet lukske

Ik had de code nog niet uitgetest, heb nog een foutje zien staan, maar geen fout waar je een error op krijgt, foxxygirl:

Code: Selecteer alles

<html>
<head>
<script>

// Set the slideshow speed (in milliseconds)
var SlideShowSpeed = 2000;

// Set the duration of crossfade (in seconds)
var CrossFadeDuration = 3;

var Picture = new Array(); // don't change this
var Caption = new Array(); // don't change this


Picture[1]  = 'Image001.jpg';
Picture[2]  = 'Image002.jpg';
Picture[3]  = 'Image001.jpg';
Picture[4]  = 'Image002.jpg';

var tss;
var iss;
var jss = 1;
var pss = Picture.length;

var preLoad = new Array();
for (iss = 1; iss < pss; iss++){
preLoad[iss] = new Image();
preLoad[iss].src = Picture[iss];}

function runSlideShow(){
if (document.all){
document.images.PictureBox.style.filter="blendTrans(duration=2)";
document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";
document.images.PictureBox.filters.blendTrans.Apply();}
document.images.PictureBox.src = preLoad[jss].src;
if (document.all) document.images.PictureBox.filters.blendTrans.Play();

jss = jss + 1;
if (jss < pss) {
tss = setTimeout('runSlideShow()', SlideShowSpeed);}
}

</script>

</head>

<body onload=runSlideShow() bgcolor=#000000>

<CENTER><table border=0 cellpadding=0 cellspacing=0 width="1">
  <tr>
    <td width="841" height="*">
    <img src=Image001.jpg name=PictureBox width="640" height="481">
    </td>
  </tr>
  </table>

</body>

</html>

tja, ik testte het ook maar uit hoor.
ik heb het nu nog eens getest en deze keer werkt het perfect.

ik was eigenlijk aan het kijken hoe je zo'n automatische slideshow krijgt met behulp van javascript.

bedankt, ik heb de tweede code lukske heeft opgegeven geprobeerd en die doet het zo als ik wil.
bedankt

greetzz

Na een jaar javascript tot in de puntjes te krijgen heb ik er zo nen degout van dat ik toch maar eens maak dat ik flash ken

.

Userbase

javascript stopzetten

javascript stopzetten