Besoin d'aide pour le Jquery Transit

Fermé
konkon - 7 mai 2012 à 16:54
 konkon - 10 mai 2012 à 08:58
Bonjour,

Je suis actuellement en train de créer mon portfolio en html/css. J'aimerais intégrer ce jquery afin de faire une petite rotation sur une image quand il est "hover".
Or je suis un peu perdue étant donné mes faibles compétence en programmation.

J'ai donc intégrer le "jquery-1.7.2.min.js" et le "jquery.transit.js"... et c'est dans la suite que je me perd... Que dois-je faire par la suite?

Je pensais ajouter cet élément "$('.box').transition({ rotate: '30deg' });" Or je ne sais pas où le mettre, ni ce qu'il faudrait rajouter (une class à mon image?).

Voilà la page du jquery en question: http://ricostacruz.com/jquery.transit/


Merci d'avance pour votre aide

4 réponses

flav1313 Messages postés 751 Date d'inscription mardi 24 août 2010 Statut Membre Dernière intervention 22 octobre 2012 100
7 mai 2012 à 17:07
On ne dit pas : du jQuery mais de jQuery.

.box signifie class="box" que tu places sur ton élément qui doit posséder la rotation.

Sinon si tu ne veux pas te casser la tête avec du JavaScript, regarde du coté du CSS3 qui permet aussi de faire des rotations :
http://blog.websourcing.fr/webdesign-rotation-css3-ie-ff-opera-chrome-safari/

Cordialement,

Flavien
0
Merci pour votre réponse!

Alors oui, j'ai mis un class"box" dans mon image (élément qui doit faire la rotation). Or maitenant, j'ai encore un élément à placer si je ne me trompe pas.
Ca serait le "$('.box').transition({ rotate: '30deg' });" que je ne sais où placer.

Si vous pouviez m'aider cela serait d'une grande aide.
Je compte également regarder votre lien mais j'avoue que j'aimerais comprendre où j'ai du faire l'erreur pour ne plus la refaire par la suite.


Merci!
0
flav1313 Messages postés 751 Date d'inscription mardi 24 août 2010 Statut Membre Dernière intervention 22 octobre 2012 100
9 mai 2012 à 11:22
Peux-tu poster du code pour que je puisse mieux analyser ta demande?
0
Oui, alors j'ai héberger le site que je suis en train de réaliser et pour lequel je pose la question.

http://www.concepteurmultimedia.ch/~mpique/nouveauportfolio/index.html

Il me faudrais faire une rotation sur l'image (le rond). J'ai donc intégrer les deux fichiers de jquery nécessaire et ajouté "class=box" à l'image. Or je ne sais comment faire la suite.
0