Faire une zone avec des images qui défilent
Résolu
Marion
-
Marion -
Marion -
Bonjour,
Voila, je cherche à faire une barre dans laquelle défilent des photos et des textes, comme sur ce site >> http://hwsensor.com/English/
Quand on pose la souris sur la barre, le défilement stop et on peut cliquer sur les produits.
J'ai bien trouvé pas mal de code (genre carrousel jquery), mais soit le défilement ne se fait pas automatiquement soit il n'est pas possible de cliquer sur l'image pour être amené à une autre page.
Je peux intégrer du javascript et du php sur mon site, donc si vous avez des codes ou des liens, ils sont les bienvenus :)
Merci d'avance !
Marion
Voila, je cherche à faire une barre dans laquelle défilent des photos et des textes, comme sur ce site >> http://hwsensor.com/English/
Quand on pose la souris sur la barre, le défilement stop et on peut cliquer sur les produits.
J'ai bien trouvé pas mal de code (genre carrousel jquery), mais soit le défilement ne se fait pas automatiquement soit il n'est pas possible de cliquer sur l'image pour être amené à une autre page.
Je peux intégrer du javascript et du php sur mon site, donc si vous avez des codes ou des liens, ils sont les bienvenus :)
Merci d'avance !
Marion
2 réponses
-
Re,
je n'y avais pas pensais mais tu peux tout simplement utiliser la balise marquee en HTML:
<marquee direction="up" width="50%" onmouseover="this.stop()" onmouseout="this.start()"> <center> <a href="lien_1.html"> <img src="image_1.jpg" alt="img" /> </a> <a href="lien_2.html"> <img src="image_2.jpg" alt="img" /> </a> <a href="lien_3.html"> <img src="image_3.jpg" alt="img" /> </a> </center> </marquee>
Avec les événement onmouseover et onmouseout, tu peux facilement gérer l'arrêt et le départ du défilement comme dans l'exemple ;-)
A+
Gaerebut -
Bonjour,
tu as pris le bon chemin avec le carrousel Jquery.
Tu as juste à modifier un peu la library pour intégrer des liens au images et arrêter le défilement quand on place la sourie dessus !
A+
Gaerebut
