1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37
| dans le *.css:
#ton_nom{
background: url(IHMWebTx.JPG) no-repeat top left; /* image avec les voyants éteints */
width:300px; height:150px; /* taille de ton image de fond */
margin:0 auto; /* pour le centrage horizontal */
position:relative; /* pour qu'elle serve de référence au positionnement des images */
}
#system img {
position:absolute;
top:60px;
visibility:hidden; /* cachée par défaut */
}
#l3 {
position:relative;
left:200px;
visibility:visible; /* la led 3 est allumée */
}
dans le fichier "principal":
<script type="text/javascript">
function ConfigLed(val) {
if(val)
{
Led_image=new Image(104,102);
Led_image.src="Led.jpg";
document.write('<img src=\"'+Led_image.src+'\" alt=\"voyant 1\" width=\"20\" height=\"20\" id=\"l3\">');
}
else
{
Led_image=new Image(104,102);
Led_image.src="Led3.jpg";
document.write('<img src=\"'+Led_image.src+'\" alt=\"voyant 1\" width=\"20\" height=\"20\" id=\"l3\">');
}
</script> |
Partager