Cliquer sur un des interrupteurs pour allumer ou éteindre l’ampoule.
Les images sont extraites du site bricovideo.com et recomposées pour former 8 images différentes correspondant aux 2 x 2 x 2 = 8 positions différentes des interrupteurs, et pour rester dans une page WordPress, j’ai dû m’affranchir de Php, JavaScript et CSS, et j’ai créé 8 fichiers html avec des map image, comme celui-ci correspondant à la position avec tous les interrupteurs abaissés :
<body>
<MAP NAME="VV">
<AREA SHAPE="circle" COORDS="180,470,65" HREF="S1S0S0.htm">
<AREA SHAPE="circle" COORDS="405,470,90" HREF="S0S1S0.htm">
<AREA SHAPE="circle" COORDS="610,505,70" HREF="S0S0S1.htm">
</MAP>
<img src="https://denez.com/wp-content/uploads/2016/09/S0S0S0.png" width="800" height="600" USEMAP="#VV">
</body>
Les interrupteurs sont désignés par la lettre S, et classés de gauche à droite, 0 correspond à la position abaissée et 1 à la position levée, on a donc 8 combinaisons : S0S0S0, S0S0S1, S0S1S0, S0S1S1, S1S0S0, S1S0S1, S1S1S0 et S1S1S1. La lampe est allumée lorsque la somme des positions est paire et éteinte lorsque la somme est impaire.