Texte déroulant après un click sur une image

Nino - 5 févr. 2010 à 15:36
Volko Messages postés 2 Date d'inscription vendredi 5 février 2010 Statut Membre Dernière intervention 7 février 2010 - 7 févr. 2010 à 00:32

Bonjour,

J'aimerais créer mon site avec différents textes qui seraient affichés lorsque le visiteur cliquerait sur une image (un petit "+", par exemple) ou sur un lien à côté du texte...

Par exemple, ça serait :

Accroche texte 1 "IMAGE +"

Accroche texte 2 "IMAGE +"

Accroche texte 3 "IMAGE +"

Et lorsqu'il clique sur l'image du texte 1, l'accroche du texte 1 "disparait" et le texte 1 (intégral) apparait. Je voulais aussi faire que l'accroche du texte 2 et 3 disparaisse aussi, mais ça doit être trop dur, non ?

Merci d'avance pour votre aide.

J'ai fait quelques recherches et j'ai trouvé ça :
https://forums.commentcamarche.net/forum/affich-6822882-texte-deroulant

C'est un peu dans cette "idée", mais si le déroulement pouvait être "doux", ça serait vraiment joli :O

A voir également:

Texte déroulant après un click sur une image
Menu déroulant excel - Guide
Insérer une image dans word sans bouger le texte - Guide
Extraire texte d'une image - Guide
Excel cellule couleur si condition texte - Guide
Transcription audio en texte word gratuit - Guide

5 réponses

Réponse 1 / 5

Nino
5 févr. 2010 à 15:52

Voila par exemple un site qui mets exactement le "déroulement" qui serait bien : quand on clique sur une rubrique, le texte se déroule dessus (et se renroule si on reclique), comme si c'était un "onglet"...

http://www.skywar.net/help

Réponse 2 / 5

Nino
5 févr. 2010 à 18:15

J'ai aussi trouvé ceci et c'est presque ça !
Malheureusement il y a beaucoup de bug et j'ai encore du mal à modifier par moi même...

http://www.editeurjavascript.com/scripts/scripts_navigation_3_812.php

Réponse 3 / 5

Volko Messages postés 2 Date d'inscription vendredi 5 février 2010 Statut Membre Dernière intervention 7 février 2010
6 févr. 2010 à 20:29

Up :(

Réponse 4 / 5

nostale-world
6 févr. 2010 à 20:48

	<script>
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}
</script>
<a href="javascript:visibilite('dividnumero1');"><img src="......" alt=";"></a>
<div id="dividnumero1" style="display:none;">

	<ul type=square>

TEXTE

</ul>
</div>

Voila

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 5

Volko Messages postés 2 Date d'inscription vendredi 5 février 2010 Statut Membre Dernière intervention 7 février 2010
7 févr. 2010 à 00:32

Merci ! :)

Et pour faire un "déroulement doux", comment je peux faire ? :)

Discussions similaires

PIX

Dechiffrer une image caché

Votre réponse

Discussions similaires