Discussion :

[Meridian9]

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 j'ai ajouté la class à l'image... 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/
Et j'ai hebergé ici ce que j'ai réalisé jusqu'ici http://www.concepteurmultimedia.ch/~...lio/index.html (si vous souhaitez regarder le code)

Merci d'avance pour votre aide

[typiac]

Oui, tu n'as pas de script qui exécute la fonction transit donc il faut que tu rajoutes la ligne dont tu parles à la fin de ta page.

[brisso]

Salut,
sauf erreur de ma part, tu dois ajouter la ça dans tes images :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

class="box"

ce qui donnerais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img class="box" src="img/work/thumbs/balelec.png">

ainsi que ceci dans ton header après avoir ajouté "jquery-1.7.2.min.js" et "jquery.transit.js".

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<script type="text/javascript">
       $('.box').transition({ rotate: '30deg' });
 </script>

Par ailleurs vérifie bien que les chemins vers les fichiers JS sont correctes.
En espérant t'avoir aidé.

[typiac]

en fait, autant la page de l'auteur du script permet de bien montrer ce qu'il est possible de faire: http://ricostacruz.com/jquery.transit/

Autant la façon dont il propose sa page en exemple est loin d'être aussi simple qu'il n'y paraît.

Il y a en effet la nécessité d'attribuer des classes mais surtout, il y a des balises <pre> qui comprennent le code tel qu'il est affiché mais qui sont nécessaires pour charger la fonction...

EN d'autres termes, il faut tout reprendre.

De même, à ce stade de mes recherches, je peux vous dire qu'avec 3 div à bouger avec un codage de script à la fin du body, ça s'exécute mais avec une grosse latence...