caroline40
Gebruiker
- Lid geworden
- 30 mei 2007
- Berichten
- 22
Hallo allemaal,
Ik hoop dat jullie mij kunnen helpen. Ik heb een javascript gebruikt om foto's te tonen, maar omdat van de grote foto's automatisch thumbnails worden gemaakt, duurt het erg lang voordat alle foto's geladen worden. Hebben jullie daarvoor een oplossing. De foto's zijn maar 50 kb per stuk, dus daar ligt het niet echt aan.
Bij voorbaat dank voor de moeite!
Groetjes, Caroline
Zie ook: www.paardencrematoriumwesterhout.nl
____________________________________________________
Ik hoop dat jullie mij kunnen helpen. Ik heb een javascript gebruikt om foto's te tonen, maar omdat van de grote foto's automatisch thumbnails worden gemaakt, duurt het erg lang voordat alle foto's geladen worden. Hebben jullie daarvoor een oplossing. De foto's zijn maar 50 kb per stuk, dus daar ligt het niet echt aan.
Bij voorbaat dank voor de moeite!
Groetjes, Caroline
Zie ook: www.paardencrematoriumwesterhout.nl
____________________________________________________
Code:
<script type="text/javascript">
BeeldLijst=new Array()
BeeldLijst[BeeldLijst.length]="images/bouw1.jpg"
BeeldLijst[BeeldLijst.length]="images/bouw2.jpg"
BeeldLijst[BeeldLijst.length]="images/bouw3.jpg"
BeeldLijst[BeeldLijst.length]="images/bouw4.jpg"
BeeldLijst[BeeldLijst.length]="images/bouw5.jpg"
BeeldLijst[BeeldLijst.length]="images/bouw6.jpg"
BeeldLijst[BeeldLijst.length]="images/bouw7.jpg"
BeeldLijst[BeeldLijst.length]="images/bouw8.jpg"
BeeldLijst[BeeldLijst.length]="images/bouw9.jpg"
BeeldLijst[BeeldLijst.length]="images/bouw10.jpg"
pic=new Array()
for(i=0;i<BeeldLijst.length;i++){
pic[i]=new Image()
pic[i].src=BeeldLijst[i]}
function init(z){
if(!z){z=0}
containerBreedte=parseInt(document.getElementById("foto").style.width)
containerHoogte=parseInt(document.getElementById("foto").style.height)
obj=document.getElementById("afbeelding")
obj.src=pic[z].src
beeldBreedte=pic[z].width
beeldHoogte=pic[z].height
obj.style.left=0
obj.style.top=0
pos_x=0
pos_y=0
nu_links=0
nu_boven=0
obj.style.width=beeldBreedte
obj.style.height=beeldHoogte}
function horizontaal(n){
nu_links=parseInt(obj.style.left)
if(n==0){nu_links-=actief}
if(n==1){nu_links+=actief}
if(nu_links> -actief){
nu_links=0
stop()}
if(nu_links < containerBreedte - obj.offsetWidth+actief){
nu_links = containerBreedte - obj.offsetWidth
stop()}
obj.style.left=nu_links + 'px'
}
function verticaal(n){
nu_boven=parseInt(obj.style.top)
if(n==0){nu_boven-=actief}
if(n==1){nu_boven+=actief}
if(nu_boven> -actief){
nu_boven=0
stop()}
if(nu_boven < containerHoogte - obj.offsetHeight+actief){
nu_boven = containerHoogte - obj.offsetHeight
stop()}
obj.style.top=nu_boven + 'px'
}
</script>
</head>
<body onload="init()">
<a href="#" onclick="init(0)"><img src="images/bouw1.jpg" width="60" height="50" border="0" alt="" /></a>
<a href="#" onclick="init(1)"><img src="images/bouw2.jpg" width="60" height="50" border="0" alt="" /></a>
<a href="#" onclick="init(2)"><img src="images/bouw3.jpg" width="60" height="50" border="0" alt="" /></a>
<a href="#" onclick="init(3)"><img src="images/bouw4.jpg" width="60" height="50" border="0" alt="" /></a>
<a href="#" onclick="init(4)"><img src="images/bouw5.jpg" width="60" height="50" border="0" alt="" /></a>
<a href="#" onclick="init(5)"><img src="images/bouw6.jpg" width="60" height="50" border="0" alt="" /></a><br />
<a href="#" onclick="init(6)"><img src="images/bouw7.jpg" width="60" height="50" border="0" alt="" /></a>
<a href="#" onclick="init(7)"><img src="images/bouw8.jpg" width="60" height="50" border="0" alt="" /></a>
<a href="#" onclick="init(8)"><img src="images/bouw9.jpg" width="60" height="50" border="0" alt="" /></a>
<a href="#" onclick="init(9)"><img src="images/bouw10.jpg" width="60" height="50" border="0" alt="" /></a>