Défilement d'images verticalement
Le
défilement d'images dans une fenêtre est
possible à l'aide de la balise
"marquee".
il
faut insérer ce code entre
les balises <body> et </body>
<marquee behavior="scroll" direction="up" width="293"
height="276" scrollamount="2" scrolldelay="0" onmouseover="this.stop()"
onmouseout="this.start()">
<div align="center">
<a href="http://cheztchiotenenette.ifrance.com/
" target="_blank"><img src="cadeaux_natsite/amitie/bagueamitietchiotenenette.gif"
width="185" height="178" border="0" alt="Merci Steph"></a><br><br>
<a href="http://chezmirabelle.com/" target="_blank"><img src="cadeaux_natsite/mirabelle.gif"
width="252" height="189" border="0" alt="Merci Annie"></a><br><br>
<a href="http://maisondedetente.ifrance.com/" target="_blank"><img border="0"
src="cadeaux_natsite/mauve.gif" width="150" height="202" alt="Merci cali"></a>
</div>
</marquee>
Explications:
Balise marquee :
- Direction du défilement : "Up" vers
le haut
"Down" vers le bas
- Width et height indiquent la taille de la fenêtre.
- onmouseover="this.stop()" onmouseout="this.start()" : Arrêt du défilement au passage de la souris. Si vous ne voulez pas que le défilement s'arrête, il suffit de supprimer cette partie du code.
1ère image :
- En rouge chemin de votre 1ere image.
(dans le cas présent, c'est l'adresse sur mon disque). Width et height indique
la taille de l'image (facultatif si vous utilisez les images avec leur tailles
réelles)
- En blanc, le lien de l'image. target
permet de déterminer comment va s'ouvrir votre lien. Dans le cas présent "blank"indique
qu'il va s'ouvrir dans une nouvelle fenêtre.
- Alt permet de mettre un commentaire qui apparaîtra au
survol de la souris
- <br> permet d'ajouter un saut de ligne.
Il suffit de faire la même chose pour toutes les autres images que vous voulez mettre.
Défilement d'images horizontalement
C'est pratiquement la même chose :
<marquee behavior="scroll" direction="left" width="293" height="276" scrollamount="2" scrolldelay="0" onmouseover="this.stop()" onmouseout="this.start()">
Il suffit juste de changer la direction du défilement(Left ou Right)
Et
à la place de <br> qui indique un saut de ligne, il faut utiliser qui indique un espace.