EFFET DOCK MAC OS POUR VOS MENUS

Commentaire de ryosama le 23/09/2004 09:15:27

En effet je m'en suis aperçu apres coup.
Il y a 2 autres sources qui font la meme chose.

Mais nos 3 sources utilisent des algo différent pour l'effet de Zoom.

Je pense que ca vaut la peine de les laisser.

Commentaire de Kirua le 23/09/2004 22:11:55

du plus bel effet :) bravo, c'est très réussi

Commentaire de lumesh le 28/09/2004 10:09:34

et par un moment ce fut les logiciels de se prendre pour des site web avec cette "sensation de liberté" au nvo du GUI (les skins).
Mais ou va le monde je vous le demande ! mais ou va t on ?! ;)

Commentaire de LiBe444 le 09/10/2004 21:45:18

Malgré le commentaire de ThunderPsycho, ce type de script est toujours bluffant.

Et la formulation algorithmique est si simple qu'elle en devient une vraie formule magique.

Bienvenue au club ryosama avec mes encouragements : 10/10.

Commentaire de ryosama le 08/11/2004 09:21:52

En effet sous IE pas moyen de faire tenir le menu en haut de page.
Normalement l'option "position:fixed" du menu permet de réaliser ce miracle mais IE et les Style CSS c'est un coup oui, un coup non.

Il a toujours moyen de capter le scroll de ta page et de faire descendre le menu en conséquence.  Je suis sûr que des scripts sur ce site le fond déjà.

Personnelement, j'ai la fleme ;-)

Commentaire de daan53 le 18/05/2005 15:28:12

Ce code est exactement le code que je cherchais, mais j'aimerais l'avoir en vertical. Existe-t-il deja en vertical ou est il possible de le creer en vertical?
Moi je n'y arrive pas en tout cas.
Je suis utilisateur de mac.

Merci de me répondre.
Daan

Commentaire de ryosama le 21/08/2005 15:33:54

Suite à 2 demandes, j'ai rajouté un menu verticale.

Commentaire de DJTIME le 13/01/2006 10:32:55

pas mal juste qu'il faudrait je penser utiliser quelques frames.iframes ca la fait pas a chaque fois que tu touche au mlenu t'as l'ecriture qui descend et remonte ca me donne le mal de mer :)
Bon c'est juste un plus que je remarque sinon ben pour le boulot 10/10

Commentaire de atlante34 le 16/05/2006 18:34:22

enorme ton code,
Ca fait trop style ...
Beau boulot,

Atlante34

Commentaire de urbanrageisback le 05/06/2007 12:21:22

l algo est terrible
on trouvera pas mieux, simple et rapide
super boulot !!!

merci

Commentaire de Dark Silver le 20/06/2007 03:24:36

Ah non j'ai rien dit erreur de ma part désolé, si non l'effet est terrible !! Félicitation ;)

Commentaire de ryosama le 13/11/2007 08:14:52

Vous n'êtes pas le seul. Le script n'a pas été conçu pour rendre sa taille initiale aux icones quand on quitte la liste.

Commentaire de bambiseb le 17/12/2007 09:23:55

Salut,

Tout d'aborb, merci pour ce script qui est vraiment intéressant.

J'ai toutefois un petit souci et je voulais savoir si c'était volontaire et géré par le code.
Config: I.E 7
J'ai intégrer le dock dans une de mes applications. Lorsque l'on ouvre l'appli avec une résolution 1280 * 800 par ex, il n'y a aucune réaction. Par contre si je passe en 1024 * 768 alors cela fonctionne correctement et puis lorsque je repasse en 1280 et bien cela fonctionne toujours trés bien.

Avez-vous une idée la dessus?

Par avance merci

Commentaire de shadow125 le 02/10/2008 14:37:00

Bonne source, néanmoins ne marche pas si on déclare un doctype, chose qui est pourtant indispensable.
Y a t-il un moyen de régler ce probleme pour une utilisation en html?

Sinon pour le fixer sous IE mettre un tableau pour bloquer la div, ensuite ça passe tout seul ;)

Commentaire de shadow125 le 02/10/2008 18:53:48

Il ne marche avec aucun des doctypes html, par contre quelqu'un sur un forum m'avait aidé à le rendre compatible xhtml, voici le code donc :
// <![CDATA[
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 + "px";
        img_tags[i].style.height=coef + "px";
    }
}
// ]]>