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
A voir également:
- Faire une zone avec des images qui défilent
- Alternative zone telechargement - Accueil - Outils
- Des images - Guide
- Zone alarm - Télécharger - Pare-feu
- Légender une image - Guide
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
2 réponses
Re,
je n'y avais pas pensais mais tu peux tout simplement utiliser la balise marquee en HTML:
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
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
Marion
ok, je tente ça et te tiens au courant. Merci !
Marion
Super ça marche nickel !! l'effet est simple et c'est bien. Encore merci :)