Je suis entrain d'insérer un dock à la mac osx dans mon site.
J'ai récupérer un script qui me semble pas mal. Seulement voilà j'y connais pas grand chose en programmation java.
Mes images à insérer dans le dock ont une taille de 60*90 quand j'utilise le script il me les transforme en carré et elle reste comme ça après passage de la souris.
Est-ce que quelqu'un aurait une idée de la variable à modifier pour que les images adoptent la taille de mes images?
Ce script ne semble jouer que sur la hauteur des images?
Merci d'avance ;-)
<SCRIPT LANGUAGE="JavaScript">
<!--
MIN = 33 ; // largeur minimum en pixel
MAX = 115 ; // largeur maximum en pixel
REACTION = 1.2 ; // réaction des icons par rapport à la souris. plus grand --> plus d'icons qui réagissent
A = ((MIN-MAX)/(MAX * REACTION)) ; // coef directeur de la droite d'agrandissement
IE = document.all ? 1 : 0 ;
img_tags = new Array();
function ouEstMaSouris(e)
{
var dock = document.getElementById('dock') ; // div qui contient la barre de menu.
var x = 0;
if (IE) x = e.clientX ; // coordonnées x de la souris sur IE 5.5
else x = e.pageX ; // coordonnées x de la souris sur Mozilla ou Netscape 7
x -= dock.offsetLeft ; // on modifie la coordonnée pour quelle soit relatif au div et non à la fenetre.
img_tags = dock.getElementsByTagName('img') ; // les images contenus dans le div
for(i=0 ; i<img_tags.length ; i++) // pour chaque images
{
millieu = img_tags[i].offsetLeft + parseInt(img_tags[i].style.width)/2 ;
delta = millieu - x ;
if (delta < 0) delta *= -1 ;
coef = A * delta + MAX ;
if (coef < MIN) coef = MIN ;
else if (coef > MAX) coef = MAX ;
img_tags[i].style.width=coef;
img_tags[i].style.height=coef;
}
}
//-->
</SCRIPT>
Dock
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.