OVH Cloud OVH Cloud

Defilement des photos

13 réponses
Avatar
Dave
Bonjour,

Je cherche un exemple de script pour placer mes photos sur le web
sous la forme suivant

en haut de ma page je souhaiterais avoir ceci

<defilement gauche image1 image2 image3 image4
defilement droite>

j'aimerais quand je passe la souris pres de defilement droite avoir ceci
<defilement gauche image2 image3 image4 image5
defilement droite>

ainsi de suite
<defilement gauche image3 image4 image5 image6
defilement droite>

et quand je passe la souris sur defilement gauche avoir ceci
<defilement gauche image2 image3 image4 image5
defilement droite>


Merci pour aide à tous et surtout pour votre script

3 réponses

1 2
Avatar
Dave
C'EST EXACTEMENT CE QUE JE VOULAIS MERCI.......................


"YD" a écrit dans le message de news:
42c24d28$0$7664$

dans le pop-up exemple donné sur le site :

1) Pour le code html (dans le body)
- pour chaque vignette (<img ...)
rajouter le onclick


J'ai choisi (pour ne pas "brider" l'accès aux images si JS déficient)
de mettre un A autour des images

[...]
4) Sur son site on aura au même niveau d'arborescence :
- le fichier du pop-up
- le dossier des vignettes = [images]
- le dossier des photos = [photos]
Les photos ont exactement le même nom de fichier
que les vignettes correspondantes


J'ai écrit en dur le nom des fichiers. Sûr que j'aurais personnellement
fait comme toi (ou à peu près)pour le stockage des photos/vignettes ,
mais comme Dave a l'air de démarrer, je n'ai pas choisi une solution
trop compliquée.

J'ai mis en ligne mon exemple : <http://ygda.free.fr/hscroll2.htm>
(pour l'image agrandie, je me suis contenté d'agrandir l'image ;-) ).

--
Y.D.



Avatar
Dave
C'est genial mais j'ai encore un truc pour qu'il soit parfait
voila habituellement on ne veux pas modifier le html a chaque fois que l'on
ajoute une image

On ne pourrait pas faire en sorte que le script ne soit jamais modifié et
qu'il prend en compte dynamiquement les nouvelles images qui se trouvent
dans le repertoire images là ca serait vraiment parfait
si tu peux le faire MERCI en plus c'est la periode des vacances je pense pas
mal de personnes pourraient l'utiliser

"YD" a écrit dans le message de news:
42c24d28$0$7664$

dans le pop-up exemple donné sur le site :

1) Pour le code html (dans le body)
- pour chaque vignette (<img ...)
rajouter le onclick


J'ai choisi (pour ne pas "brider" l'accès aux images si JS déficient)
de mettre un A autour des images

[...]
4) Sur son site on aura au même niveau d'arborescence :
- le fichier du pop-up
- le dossier des vignettes = [images]
- le dossier des photos = [photos]
Les photos ont exactement le même nom de fichier
que les vignettes correspondantes


J'ai écrit en dur le nom des fichiers. Sûr que j'aurais personnellement
fait comme toi (ou à peu près)pour le stockage des photos/vignettes ,
mais comme Dave a l'air de démarrer, je n'ai pas choisi une solution
trop compliquée.

J'ai mis en ligne mon exemple : <http://ygda.free.fr/hscroll2.htm>
(pour l'image agrandie, je me suis contenté d'agrandir l'image ;-) ).

--
Y.D.



Avatar
ASM
Dave wrote:

On ne pourrait pas faire en sorte que le script ne soit jamais modifié et
qu'il prend en compte dynamiquement les nouvelles images qui se trouvent
dans le repertoire images là ca serait vraiment parfait


Je crois que c'est posible : fouiller google.

Le plus simle est que tu n'ais à modifier que le nombre
de photos à prendre en compte
et qu'une boucle javascript crée le html des vignettes à afficher

Perso, j'ai çà de disponible que quelques-uns pourraient utiliser :

Pour le remplissage semi-automatique de diaporama
http://perso.wanadoo.fr/stephane.moriaux/internet/web_html/pass_vue/diap_m_auto/album_photo_auto.htm
diaporamas :
http://perso.wanadoo.fr/stephane.moriaux/internet/web_html/pass_vue/

Pendant que tu y es tu peut z'yeuter tout çà :
http://perso.wanadoo.fr/stephane.moriaux/truc/popup_image_auto_1.shtml
http://perso.wanadoo.fr/stephane.moriaux/truc/pop_zoom.shtml
du Javascript en vrac :
http://perso.wanadoo.fr/stephane.moriaux/internet/web_html/java/
tutoriel sur les fenetres et pop-ups
http://perso.wanadoo.fr/stephane.moriaux/internet/web_html/java/fenetr/

--
Stephane Moriaux et son [moins] vieux Mac

1 2