javascript stopzetten

Alles over programmeren en development binnen de IT-wereld
Plaats reactie
guybier

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
Lukse
Premium Member
Premium Member
Berichten: 662
Lid geworden op: 28 okt 2003, 20:51

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; 
Gebruikersavatar
foxxy girl
Pro Member
Pro Member
Berichten: 322
Lid geworden op: 05 jun 2004, 20:59
Locatie: geel

ik heb het eens geprobeerd, maar dan krijg ik steeds eenfoutmelding dat er een teken "("verwacht wordt. dus iets klopt er nog niet lukske
groetjes foxxy
:banana: :kiss: :kiss: :kiss: :banana:
Lukse
Premium Member
Premium Member
Berichten: 662
Lid geworden op: 28 okt 2003, 20:51

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>
Gebruikersavatar
foxxy girl
Pro Member
Pro Member
Berichten: 322
Lid geworden op: 05 jun 2004, 20:59
Locatie: geel

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.
groetjes foxxy
:banana: :kiss: :kiss: :kiss: :banana:
guybier

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

greetzz
Gebruikersavatar
The_Borg
Elite Poster
Elite Poster
Berichten: 1759
Lid geworden op: 22 dec 2003, 20:25

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 :D.
"We are the Borg. Lower your shields and surrender your ships. We will add your biological and technological distinctiveness to our own. Your culture will adapt to service us. Resistance is futile."
Plaats reactie

Terug naar “Development”