2010-06-22 7 views
0

S'il vous plaît voir: http://jasondaydesign.com/masonry_demo/ et cliquez sur l'image movemaine.comtransitions jquery lisse

Je voudrais que mes transitions avec le spectacle & peau, ainsi que la maçonnerie Réorganiser être lisse globale. J'ai joué avec les vitesses et je n'obtiens pas les résultats que je veux.

De plus, je voudrais un curseur de pointeur avec la peau show, mais je ne peux pas sembler obtenir que pour travailler. Pensées?

et merci!

Répondre

2

Avez-vous vérifié l'une des easing Plugins de jQuery?

Edit: en ce qui concerne CSS/changer le curseur. L'ajout de la règle suivante devrait faire l'affaire:

.expandable { 
    cursor: pointer; 
} 
+0

J'ai tellement de transitions qui se passent ici, je ne sais même pas par où commencer avec l'ajout du plugin d'accélération. Je vais chercher la documentation et voir où je me retrouve. – Jason

2

J'aime le concept, mais je crains que vous êtes juste heurtant les limites de ce que le navigateur peut gérer. La seule chose que vous pouvez faire est de vous assurer que tout ce qui bouge est position: absolute donc le navigateur n'a rien à redistribuer pendant une animation.

Peut-être essayer de les déplacer un à la fois, ou une colonne à la fois, mais très rapidement. Ce serait un effet légèrement différent, mais cela réduirait le nombre d'animations simultanées. Ou vous pouvez faire glisser les deux premières colonnes vers le bas pour accueillir l'image plus grande.

En ce qui concerne le curseur, vous pouvez probablement le faire avec CSS comme {cursor:hand;}. Google "types de curseurs css" et vous verrez quelles sont les options.

+0

avec la maçonnerie, je ne crois pas que je peux utiliser le positionnement absolu. Il va se débarrasser de la disposition dynamique du plugin. – Jason

+0

Ah, je n'avais pas réalisé que c'était un plugin. – jasongetsdown