Galeries, Diaporamas & SlideShows

4) Petites astuces pour le marquee image

Cet article a été mis à jour, vous consultez ici une archive de cet article!

Gérer la couleur d'arrière plan :



*bgcolor="#90EE90" : Ma couleur

Code HTML :
<marquee 
 
bgcolor="#90EE90" ><IMG NAME="titre"  SRC="url de votre 
 
image.png"></marquee>


Ce qui nous donne :



Gérer un info-bulle au passage de la souris:



Code HTML :
<marquee title="Mon info-bulle 
 
" ><IMG NAME="titre" " SRC="url de votre image.png"></marquee>


Ce qui nous donne :




Gérer la hauteur de la zone défilante :



*height="80" : Avec une hauteur de 80 px

Code HTML :
<marquee height="80"><IMG NAME="titre"  
 
SRC="url de votre image.png"></marquee>


Ce qui nous donne :




Stopper le défilement au passage de la souris



Pour que le défilement/stop au passage de la souris, il suffit d'inclure dans la balise MARQUEE :

" onMouseOver="stop();". Passez la souris sur l'image !

Code HTML :
<marquee 
 
onMouseOver="stop();"><IMG NAME="titre" SRC="url de votre 
 
image.png"></marquee>


Ce qui nous donne :



Reprendre le défilement au passage de la souris



Pour que le défilement reprenne après le passage de la souris :
" onMouseOut="start();". Passez la souris sur l'image !

Code HTML :
<marquee 
 
onMouseOver="stop();"  onMouseOut="start();"><IMG NAME="titre"  SRC="url de 
 
votre image.png"></marquee>


Ce qui nous donne :





A voir :