Partage
  • Partager sur Facebook
  • Partager sur Twitter

Dock

Taille des images dans un script de dock?

    18 octobre 2008 à 13:11:39

    Bonjour,

    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>
    

    • Partager sur Facebook
    • Partager sur Twitter

    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.
    • Editeur
    • Markdown