slideshow thumbnails




Ť	ť

Geweldig mooie slideshow..( hier laat ik mijn nieuwe bolide zien... ! ) waarbij je eerst een thumbnail kan kiezen.. en door daar op te klikken een volledige grootte van de foto. Let op .. in het head gedeelte geef je het aantal plaatjes op, en in het bodygedeelte geef je de maten aan.. De plaatjes zet je in een map images. Je moet zelf wel een thumbnail maken van het plaatje.. Vervolgens noem je de normale plaatjes slide_1.jpg ..etc... en de thumbnails thumb_1.jpg ( of je veranderd de namen in het script...) Suc6 !


	Plak dit tussen de <head> tags

<script language="JavaScript"> if(document.images) { currentslide=1; maxslides=6; // geef hier het aantal plaatjes in slide = new Array(maxslides+1); thumb = new Array(maxslides+1); for(var n=1;n<=maxslides;n++) { slide[n]=new Image(76,232); slide[n].src='images/slide_'+n+'.jpg'; } for(var n=1;n<=maxslides;n++) { thumb[n]=new Image(76,58); thumb[n].src='images/thumb_'+n+'.jpg'; } } function prevSlide() { if(document.images) { currentslide--; if(currentslide<1) currentslide=maxslides; document.images['slide'].src=thumb[currentslide].src; } } function nextSlide() { if(document.images) { currentslide++; if(currentslide>maxslides) currentslide=1; document.images['slide'].src=thumb[currentslide].src; } } function showFullSize() { document.images['fullsize'].src='images/slide_'+currentslide+'.jpg'; } </script>


	Plak dit tussen de <body> tags

<center> <table border=0 cellspacing=0 cellpadding=0> <tr> <td><img src='images/slide_1.jpg' width=312 height=215 name='fullsize'></td> </tr> </table> <table border=0 cellspacing=0 cellpadding=0> <tr> <td height=5 colspan=2> </td> </tr> <tr valign=bottom align=center> <td height=58 colspan=2><a href='javascript:showFullSize();'><img name='slide' width=113 height=77 border=0 hspace=0 vspace=0 alt='Klik voor een volledige grootte van de foto' src='images/thumb_1.jpg'></a></td> </tr> <tr> <td height=5 colspan=2> </td> </tr> <tr> <td height=5 align=left><font size="5"> <a href='javascript:prevSlide()'>Ť</a> </font></td> <td height=5 align=right><font size="5"> <a href='javascript:nextSlide()'>ť</a> </font></td> </tr> </table>

Š www.leejoo.nl