Div qui change selon bouton pressé
Salut tlm,
Donc voilà j'ai besoin de votre aide pour savoir par où commencer ?
Je vous explique :
j'ai 5 boutons tout simple (5 images, multiplié par 2 pour les "on" et les "off"), il faudrait que ce selon le bouton cliqué l'image en dessous change.
L'autre difficulté c'est que quand on arrive sur la page et qu'aucun clic n'a encore eu lieu, les 5 images défilent une à une...
J'espere que vous saississez l'idée :) (on voit souvent ca sur les nouveaux site)
Est-ce que ce code serait bon pour commencer ? (pris sur le site)
Code:
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
|
<script type="text/javascript">
function affCache(idDiv) {
var div = document.getElementById(idDiv);
if (div.style.display == "")
div.style.display = "none";
else
div.style.display = "";
}
function affCacheHidden(idDiv) {
var div = document.getElementById(idDiv);
if (div.style.visibility == "")
div.style.visibility = "hidden";
else
div.style.visibility = "";
}
function affCacheV(idDiv)
{
var div = document.getElementById(idDiv);
if (div.style.width == "")
div.style.width = "0";
else
div.style.width = "";
}
</script>
<input type="button" onclick="affCache('div1');" value="affCache('div1')"/>
<input type="button" onclick="affCacheHidden('div1');" value="affCacheHidden('div1')"/>
<input type="button" onclick="affCacheHidden('div1');" value="affCacheV('div1')"/>
<div id="div1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin eros risus,
porttitor sed, malesuada quis, dictum non, lorem. Vestibulum sed tortor.
Aenean vitae turpis. Cras fringilla scelerisque orci. Morbi pretium
condimentum risus. Sed elementum lacinia urna. Proin sed pede ut felis
ultrices tincidunt. Aliquam erat volutpat. Morbi convallis odio nec ante.
Donec turpis. Nunc sit amet turpis eget nibh adipiscing aliquam.
</div> |
en utilisant le affCacheHidden.
Merci d'avance!