orgulloblanco
Nieuwe gebruiker
- Lid geworden
- 18 mei 2011
- Berichten
- 4
Beste allemaal,
Ik ben bezig met mijn website en nu heb ik het volgende java-script in mijn site geplaatst : naam is cross fade slider.
een slide show dus.
Je kunt deze zien via mijn site : http://www.dogo-argentino.nu/wandelingen/list
Maar goed wat is dus nu het probleem; ik wil onder deze slide meerdere dezelfde slides zetten maar als ik dit doe dan werkt er maar eentje ??
Dus als ik er 3 slides in zet doen de andere 2 het niet.
Hoe kan ik dit oplossen wie wil mij a.u.b. helpen ?
Alvast hartstikke bedankt voor de moeite.
Hieronder de code van de cross fade slider :
Ik ben bezig met mijn website en nu heb ik het volgende java-script in mijn site geplaatst : naam is cross fade slider.
een slide show dus.
Je kunt deze zien via mijn site : http://www.dogo-argentino.nu/wandelingen/list
Maar goed wat is dus nu het probleem; ik wil onder deze slide meerdere dezelfde slides zetten maar als ik dit doe dan werkt er maar eentje ??
Dus als ik er 3 slides in zet doen de andere 2 het niet.
Hoe kan ik dit oplossen wie wil mij a.u.b. helpen ?
Alvast hartstikke bedankt voor de moeite.
Hieronder de code van de cross fade slider :
HTML:
<style>
.Caption {
font-family: Arial;
font-weight: plain;
color: #CCFFCC;
}
</style>
<!-- hierboven kun je het uiterlijk veranderen van de tekst onder de foto's -->
<script>
// hier de snelheid van de slideshow (in milliseconden)
var SlideShowSpeed = 3000;
// duur van de crossfade (in seconden)
var CrossFadeDuration = 3;
var Picture = new Array(); //
var Caption = new Array(); //
// hieonder kun je meer images tovoegen
// ze moeten echter gelijk zijn aan het aantal captions daaronder
Picture[1] = '01.jpg';
Picture[2] = '02.jpg';
Picture[3] = '03.jpg';
Picture[4] = '04.jpg';
// teksten bij de plaatjes ( aantal moet gelijk zijn aan aantal plaatjes hierboven )
Caption[1] = "Dit is het eerste plaatje.";
Caption[2] = "En dit is de tweede.";
Caption[3] = "Hier dan het derde plaatje.";
Caption[4] = "en vooralsnog de laatste.. de vierde.";
// =====================================
// verander hieronder niets meer
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.getElementById) document.getElementById("CaptionBox").innerHTML= Caption[jss];
if (document.all) document.images.PictureBox.filters.blendTrans.Play();
jss = jss + 1;
if (jss > (pss)) jss=1;
tss = setTimeout('runSlideShow()', SlideShowSpeed);
}
</script>
<body onload=runSlideShow()>
<center>
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<!--
hieronder staat de hoogte en de breedte van de tabel waarin de plaatjes worden getoond
//-->
<td width=350 height=280>
<img src=01.jpg name=PictureBox width=350 height=280>
</td>
</tr>
<tr>
<!--
hieronder de cel waar de tekst wordt weergegeven.. kleur is aan te passen
//-->
<td id=CaptionBox class=Caption align=center bgcolor=#404040>
Dit is de standaard tekst.
</td>
</tr>
</table>
</center>
</div>
Laatst bewerkt door een moderator:
