Image deroulante JS
Résolu
Bonjour à tous,
Je viens solliciter votre aide, car je suis débutant en JS. J'ai créé un texte déroulant donc voici le code :
Mais voilà mon soucis c'est que je voudrais associer ce code à une image. Et non a du texte, comment faire ?
Merci d'avance !
Je viens solliciter votre aide, car je suis débutant en JS. J'ai créé un texte déroulant donc voici le code :
<script type="text/javascript">
function look(idx)
{
var sd=document.getElementById(idx).style;
sd.display=sd.display=='inline'?"none":"inline";
}
</script>
<a href="javascript:void(look('Text1Depliant'));">Titre</a><br/>
<div id="Text1Depliant"style="display:none">Contenue</div>
Mais voilà mon soucis c'est que je voudrais associer ce code à une image. Et non a du texte, comment faire ?
Merci d'avance !
8 réponses
-
ContributeurSalut,
tu devrais peut être utiliser des éléments jQuery comme ceci :
https://jqueryui.com/accordion/#default -
des solutions ?
-
illustration du problème :
http://img4.hostingpics.net/pics/618235Sanstitre1.jpg
le problème est ici, on ne vois pas l'image correctement. Une fois qu'on clic dessus :
http://img4.hostingpics.net/pics/236122Sanstitre2.jpg
tout redeviens correctement. -
up
-
merci de ta réponse, mais j'aimerais avoir un code un peut plus personnel, car la je ne sais pas comment modifier les images.
De plus je vois deux style css et deux code js séparer. C'est assez difficile de modifier a ma guise vue que les pages contienne beaucoup de contenue. -
je voudrais juste que quand on clic sur l'image le texte se déplie.
-
up ! :)
-
Contributeurhttp://www.1stwebdesigner.com/freebies/jquery-accordion-menus-tutorials/
cherche un peu...
