IMAGES DÉFILANT VERTICALEMENT (SCROLLING IMAGES)

titin84 Messages postés 5 Date d'inscription dimanche 24 septembre 2006 Statut Membre Dernière intervention 27 juin 2011 - 27 juin 2011 à 06:00
William VOIROL Messages postés 261 Date d'inscription mardi 12 décembre 2006 Statut Membre Dernière intervention 10 juin 2019 - 9 juil. 2012 à 09:16
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

William VOIROL Messages postés 261 Date d'inscription mardi 12 décembre 2006 Statut Membre Dernière intervention 10 juin 2019
9 juil. 2012 à 09:16
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 …
cs_arta Messages postés 98 Date d'inscription dimanche 22 janvier 2006 Statut Membre Dernière intervention 24 juillet 2013
30 juil. 2011 à 14:45
Bonjour tous

Bien joué william voirol.
Si en plus tu fais aussi en horyzontal ce sera complet ;)
adrien fournier Messages postés 6 Date d'inscription samedi 13 mai 2006 Statut Membre Dernière intervention 18 décembre 2012
30 juil. 2011 à 13:26
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?
William VOIROL Messages postés 261 Date d'inscription mardi 12 décembre 2006 Statut Membre Dernière intervention 10 juin 2019
27 juil. 2011 à 18:10
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
green68 Messages postés 14 Date d'inscription vendredi 27 avril 2007 Statut Membre Dernière intervention 16 décembre 2008
30 juin 2011 à 10:43
Bonjour,

Aucunes remarques à faire, je note simplement le travail fourni.

Bonne continuation !!!
cs_arta Messages postés 98 Date d'inscription dimanche 22 janvier 2006 Statut Membre Dernière intervention 24 juillet 2013
27 juin 2011 à 09:55
Bonjour tous

Comme le souligne NEVERFORGET, la possibilité d'arrêt du défilement au survol serait sympa.

titin84, le clic ouvre une nouvelle page, ça peut aussi bien être une image, etc.
Faudrait juste que la souris change en main au survol ;)
cs_NEVERFORGET Messages postés 21 Date d'inscription dimanche 10 octobre 2004 Statut Membre Dernière intervention 23 juin 2008
27 juin 2011 à 07:51
Avec l'apparition du curseur "hand" et l'arrêt du défilement onmouseover, ce serait parfait.
titin84 Messages postés 5 Date d'inscription dimanche 24 septembre 2006 Statut Membre Dernière intervention 27 juin 2011
27 juin 2011 à 06:00
bonjour et tout simplement fantastique!merci
pourrait on avoir la possibilité en cliquant sur l'image de l'ouvrir en taille agrandie? merci
Rejoignez-nous