Galeries, Diaporamas & SlideShows

4) Petites astuces pour le marquee image

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 :


Cette page a été vue 7603 fois