Discussion :

[Yoshixx]

Bonjour, bonsoir,

J'ai cherché pendant un bon moment mais, n'ayant rien trouvé, je m'en remets à vous.
Je tente de faire bref en vous disant l'essentiel.

J'ai une table "réalisations" et une table "photos" liée à la première par un "r_id_fk". J'affiche dynamiquement chaque réalisation dans une div numérotée, avec un lien vers une page qui reprend toutes les informations de cette réalisation.

J'ai donc, par exemple :

Code :

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

1
2
3
4
5
6
7
<div id="real1">
<a href="real?id=1">
<img src="..">
<img src="..">
<img src=".."> <br />
Nom Réalisation</a>
</div>

(Le nombre de photos varie en fonction des réalisations.)

Ce que je cherche à faire, c'est un peu comme le système des albums sur Facebook, à savoir, au survol d'une photo, il affiche les autres et quand on retire la souris, il s'arrête.

Et c'est là que je bloque, j'ai réussi à faire une sorte de slider qui ne démarre qu'au survol de la souris, mais impossible de l'arrêter. De plus, il n'est pas très fluide, ni régulier.

Si quelqu'un pouvait éclairer ma lanterne, je lui en serais reconnaissante (et mes cheveux aussi).

[danielhagnoul]

Bonsoir

Il faut utiliser hover() pour gérer l'action de l'utilisateur et un effet pour l'animation.

Code :

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

1
2
3
4
5
6
7
8
$( "#real1" ).hover(
    function(){ // mouseenter
 
    },
    function(){ // mouseleave
 
    }
);

[Yoshixx]

Merci Danielhagnoul !