IMAGES DÉFILANT VERTICALEMENT (SCROLLING IMAGES)

Signaler
Messages postés
5
Date d'inscription
dimanche 24 septembre 2006
Statut
Membre
Dernière intervention
27 juin 2011
-
Messages postés
261
Date d'inscription
mardi 12 décembre 2006
Statut
Membre
Dernière intervention
10 juin 2019
-
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.

https://codes-sources.commentcamarche.net/source/53313-images-defilant-verticalement-scrolling-images

Messages postés
261
Date d'inscription
mardi 12 décembre 2006
Statut
Membre
Dernière intervention
10 juin 2019

Bonjour,

Sur mon site
http://www.william-voirol.ch/Prog/
une nouvelle version est installée depuis une année.
Malheureusement, j'ai oublié de mettre à jour certains codes de Codes-SourceS.

Voilà qui est fait.

Milles excuses …
Messages postés
98
Date d'inscription
dimanche 22 janvier 2006
Statut
Membre
Dernière intervention
24 juillet 2013

Bonjour tous

Bien joué william voirol.
Si en plus tu fais aussi en horyzontal ce sera complet ;)
Messages postés
6
Date d'inscription
samedi 13 mai 2006
Statut
Membre
Dernière intervention
18 décembre 2012

génial, je viens de l'adapter pour faire une fenêtre déroulante.
Merci.
Je vais la mettre en ligne en janvier sur mon site.
Pour rajouter un élément de présentation, quelqu'un sait-il comment on peut accrocher une infobulle à chaque image?
Messages postés
261
Date d'inscription
mardi 12 décembre 2006
Statut
Membre
Dernière intervention
10 juin 2019

Bonjour,

J'ai repris mon code pour essayer d'éviter d'utiliser des valeurs tels que
- window.innerHeight
- document.documentElement.clientHeight
qui dépendent du navigateur.

Je suis arrivé à une solution nettement plus simple et plus conviviale:
- On peut définir librement la position et la hauteur
de la zone des images défilantes (div: id='imd').
- Le défilement s'arrête lorsqu'on survole la zone avec la souris.
- Le nom de l'image s'affiche lorsque qu'on la survole.

Merci pour toutes vos remarques et successions.

Test direct:
http://www.william-voirol.ch/TP/Images%20defilant%20verticalement

Prochainement, je ferai une mise à jour du code source
(également pour le défilement horizontal).

William
Afficher les 8 commentaires