plaatjesbar

De plaatjesbar... leuke manier om je afbeeldingen op je site weer te geven ( voor dit voorbeeld heb ik simpele gifjes gebuikt.. maar kan ook met je eigen foto's ) Beweeg je muis er maar eens overheen....Je kunt eenvoudig de grootte, positie e.d. aanpassen ( staat meegeschreven in het script ) Suc6 !


	Plak dit tussen de <head> tags

<script language="javascript"> // ruimte tussen de plaatjes var espace = 4; var step = 1; // verversen van de plaatjes in milliseconden var rafraich = 30; // positie van de plaatjesbar docks_x = 10; docks_y = 10; // Taille de l'image au repos (carré) var largeur = 32; // Taille de l'image au survol (carré) var largeur_grow = 54; var timer; image = new Array(); image[0] = "1.gif"; image[1] = "2.gif"; image[2] = "3.gif"; image[3] = "4.gif"; image[4] = "5.gif"; image[5] = "6.gif"; image[6] = "7.gif"; image[7] = "8.gif"; taille = new Array(); for(i = 0; i < image.length; i++) { taille[i] = largeur; } function docked(id) { if(document.getElementById('icone_' + id).width < taille[id]) { document.getElementById('icone_' + id).width = document.getElementById('icone_' + id).width + step; document.getElementById('icone_' + id).height = document.getElementById('icone_' + id).height + step; timer1 = window.setTimeout("docked("+ (id) + ")",rafraich); } if(document.getElementById('icone_' + id).width > taille[id]) { document.getElementById('icone_' + id).width = document.getElementById('icone_' + id).width - step; document.getElementById('icone_' + id).height = document.getElementById('icone_' + id).height - step; window.setTimeout("docked("+ (id) + ")",rafraich); } } function setdocks(id) { window.clearTimeout(timer); for(i = 0; i < image.length; i++) { if(i == id-1) { taille[i] = Math.round((largeur_grow-largeur) / 2) + largeur; } else { if(i == id+1) { taille[i] = Math.round((largeur_grow-largeur) / 2) + largeur; } else { if(i == id) { taille[i] = largeur_grow; } else { taille[i] = largeur; } } } docked(i); } timer = window.setTimeout("setdocks(-2);",1500); } </script>

© www.leejoo.nl