CoupdePouce

Image clignotante paramètrable

Voici un petit script qui permet de faire clignoter une image avec un temps d'intervalle modifiable. Pour cela, il faut d'abord créer un  tableau simple qui empêchera de faire clignoter toute la page, puis dans votre article en mode HTML inscrivez le script et le tableau ensemble comme ceci:

 

image
Vous avez un message!

 

 

 

 

 

 

 

 

 

<table border="0" style="float: left; margin-left:280px"> 
<tbody>
<tr>
<td>
<div id="MonElement" class="EX_div">
<p><img src="url_image" width="xxx" height="xxx" /><br />Votre texte</p></div>
</td>
</tr>
</tbody>
</table>

 

<script type="text/javascript">
function clignotement(){ if (document.getElementById("MonElement").style.display=="block")
document.getElementById("MonElement").style.display="none"; else
document.getElementById("MonElement").style.display="block"; }
// mise en place de l appel régulier de la fonction toutes les 1.2 secondes
setInterval("clignotement()", 1200);
</script>

Paramètres à modifier:

clignotement(): ici à 1200, ce qui correspond à 1.2 secondes; augmentez ou diminuez la vitesse selon votre choix.

Float-left ou right et margin; en ce qui concerne le positionnement de l'image. 

 

 

1 commentaire - aucun rétrolien

Page précédente | 1 2 3 4 5 6 7 8 9 10 11 12 13 | Page suivante