Ik zoek meer iets om afbeeldingen te laten scrollen :-/
Link gekopieerd
Kort is anders, maar mss heb je er wat aan:
<SCRIPT language="JavaScript">
// initialisatie
filmachtergrond="#FFFFFF"
var filmsnelheid=2
var filmbreedte=600
var filmhoogte=150
// de webvoorbeelden
var webvoorbeelden=new Array()
var laatstevoorbeeld=''
webvoorbeelden[0]='<a href="javascript:popup(\'rpic_gr/1.jpg\')"><img src="cpics/1.jpg" border=0 title=Schoolhal></a>'
webvoorbeelden[1]='<a href="javascript:popup(\'rpic_gr/4.jpg\')"><img src="cpics/4.jpg" border=0 title=Smidse>'
webvoorbeelden[2]='<a href="scripts/tour.php?tstart=147"><img src="cpics/stour.jpg" border=0 title=Kunstour!>'
webvoorbeelden[3]='<a href="javascript:popup(\'rpic_gr/3.jpg\')"><img src="cpics/3.jpg" border=0 title=Klei>'
webvoorbeelden[4]='<a href="javascript:popup(\'rpic_gr/23.jpg\')"><img src="cpics/23.jpg" border=0 title=Berkeltheater>'
webvoorbeelden[5]='<a href="scripts/tour.php?tstart=545"><img src="cpics/btour.jpg" border=0 title=Berkeltour!>'
webvoorbeelden[6]='<a href="javascript:popup(\'rpic_gr/9.jpg\')"><img src="cpics/9.jpg" border=0 title=Houtbewerking>'
webvoorbeelden[7]='<a href="javascript:popup(\'rpic_gr/6.jpg\')"><img src="cpics/6.jpg" border=0 title=Gang>'
webvoorbeelden[8]='<a href="javascript:popup(\'rpic_gr/7.jpg\')"><img src="cpics/7.jpg" border=0 title=Optreden>'
webvoorbeelden[9]='<a href="scripts/tabel2.php?trefterm=Mooi Werk&trefnr=248" target="content"><img src="cpics/24.jpg" border=0 title=Mooi>'
webvoorbeelden[10]='<a href="javascript:popup(\'rpic_gr/10.jpg\')"><img src="cpics/10.jpg" border=0 title=Gymnastiek>'
webvoorbeelden[11]='<a href="javascript:popup(\'rpic_gr/19.jpg\')"><img src="cpics/19.jpg" border=0 title=Houtbewerking>'
webvoorbeelden[12]='<a href="javascript:popup(\'rpic_gr/21.jpg\')"><img src="cpics/21.jpg" border=0 title=Smeden>'
var kopiesnelheid=filmsnelheid
webvoorbeelden='<nobr>'+webvoorbeelden.join(" ")+'</nobr>'
var IExplor=document.all||document.getElementById
if (IExplor)
document.write('<span id="tijdelijk" style="visibility:hidden;position:absolute;top:-100;left:-2500">'+webvoorbeelden+'</span>')
var huidigebreedte=''
var verschuif, ns_slide
function opvullen(){
if (IExplor){
verschuif=document.getElementById? document.getElementById("test2") : document.all.test2
verschuif2=document.getElementById? document.getElementById("test3") : document.all.test3
verschuif.innerHTML=verschuif2.innerHTML=webvoorbeelden
huidigebreedte=document.all? verschuif.offsetWidth : document.getElementById("tijdelijk").offsetWidth
verschuif2.style.left=huidigebreedte+4 // orig +20
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(webvoorbeelden)
ns_slide.document.close()
huidigebreedte=ns_slide.document.width
ns_slide2.left=huidigebreedte+20
ns_slide2.document.write(webvoorbeelden)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=opvullen
function slideleft(){
if (IExplor){
if (parseInt(verschuif.style.left)>(huidigebreedte*(-1)+8))
verschuif.style.left=parseInt(verschuif.style.left)-kopiesnelheid
else
verschuif.style.left=parseInt(verschuif2.style.left)+huidigebreedte+4 //orig +30
if (parseInt(verschuif2.style.left)>(huidigebreedte*(-1)+8))
verschuif2.style.left=parseInt(verschuif2.style.left)-kopiesnelheid
else
verschuif2.style.left=parseInt(verschuif.style.left)+huidigebreedte+4 // orig + 30
}
else if (document.layers){
if (ns_slide.left>(huidigebreedte*(-1)+8))
ns_slide.left-=kopiesnelheid
else
ns_slide.left=ns_slide2.left+huidigebreedte+30
if (ns_slide2.left>(huidigebreedte*(-1)+8))
ns_slide2.left-=kopiesnelheid
else
ns_slide2.left=ns_slide.left+huidigebreedte+30
}
}
if (IExplor||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0" width="100%"><td>')
if (IExplor){
write('<div style="position:relative;width:'+filmbreedte+';height:'+filmhoogte+';overflow:hidden">')
write('<div style="position:absolute;width:'+filmbreedte+';height:'+filmhoogte+';background-color:'+filmachtergrond+'" onMouseover="kopiesnelheid=0" onMouseout="kopiesnelheid=filmsnelheid">')
write('<div id="test2" style="position:absolute;left:0;top:0"></div>')
write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+filmbreedte+' height='+filmhoogte+' name="ns_slidemenu" bgColor='+filmachtergrond+'>')
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="kopiesnelheid=0" onMouseout="kopiesnelheid=filmsnelheid"></layer>')
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="kopiesnelheid=0" onMouseout="kopiesnelheid=filmsnelheid"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</SCRIPT>
Link gekopieerd
Rafael schreef op 08.09.2005 13:52
Maar ik kom enkel verschrikkelijke lange scripts tegen.. Weet iemand misschien een simpelere oplossing voor dit ? Thanks :)
Wat denk je zelf Boaz ;)
Link gekopieerd
Bwa, het script van Boaz lijkt me cool... De helft bestaat uit de adressen van de afbeeldingen, dus al bij al valt het nog mee :) Thx Boaz trouwens :) Maar moesten er nog anderen zijn met ideeën, altijd welkom!
Link gekopieerd
Ik zou gewoon een Flash movie maken.
Link gekopieerd
Hmm, daar heb ik over nagedacht... Maar het aantal foto's varieert, en ook de lokaties... Wordt dus dynamisch... Ik heb een tijdje geleden nog "gespeeld" met Flash, maar ben het ondertussen weer verleerd... En het lijkt me ook niet zo simpel te maken, aangezien het aantal kan verschillen?
Link gekopieerd
