1 Dernière modification par HexaGo (08-09-2015 23:17:16)

Sujet : Animation Hover en jQuery

Hey !

Je suis en train de créer un site perso, et je veux que deux images (qui sont collées au départ) au survol de la souris se déplacent chacune de leur coté respectif pour que en quelque sorte l'image de base soit ouverte en deux.

Code HTML :

<div id="imgctr">
  <img src="Thomas.png" id="thomas">
  <img src="Guy-Man.png" id="guy">
</div>

J'ai donc du utiliser le jQuery pour gérer ce déplacement lorsque les deux images sont survolées...mais le problème c'est que je ne connais absolument pas le jQuery, j'ai donc fait cette esquisse avec ce que j'ai trouvé sur le site officiel :

<script>

jQuery(document).ready(function(){
    $('.imgctr').mouseover(function(){
         $('#thomas').slideToggle({ duration: 100, easing: 'easeInCubic'});{
            left: '50px'
      }  $('#guy').slideToggle({ duration: 100, easing: 'easeInCubic'});{
            right: '50px'
        });
    });
});
</script> 

Si j'ai bien compris le "hover" se transforme en "mouseover" en jQuery.

Mon problème est que mes deux images ne bougent pas d'un pouce...
Il y a sans doutes des erreurs dans ce code, mais je ne les trouve pas  Smiley decu

Merci d'avance pour vos réponses !