Commande Onclick agrandir image + afficher du texte
pharen
Messages postés4Date d'inscriptionsamedi 5 décembre 2009StatutMembreDernière intervention17 décembre 2009
-
11 déc. 2009 à 18:13
cs_leris
Messages postés419Date d'inscriptiondimanche 31 août 2003StatutMembreDernière intervention19 avril 2010
-
17 déc. 2009 à 17:43
bonjour à tous
je souhaite réaliser une gallery photos ainsi
les photos sont sur la page en petite taille. je click sur une photo et elle s'agrandit à un emplacement précis. Simultanément; déclenché par le même click un texte (10 lignes env.) apparait à un autre emplacement défini pour commenter cette image. on prend le temps de voir, de lire....puis si on click sur autre image elle remplace la première et idem pour le texte...
je n'y arrive pas, j'ai besoin de votre aide
voici le code du fichier de travail
Cordialement Pharen
<script langage="javascript">
function agrandir(im){
document.getElementById("image").src = im
}
function afficheTexte(classe de l'emplacement) {
document.getElementById("id1").style.display="none";
document.getElementById("id2").style.display="none";
document.getElementById("id3").style.display="none";
document.getElementById("id4").style.display="none";
document.getElementById("idn").style.display="none";
document.getElementById(classe de l'emplacement).style.display="block";
}
</script>
pharen
Messages postés4Date d'inscriptionsamedi 5 décembre 2009StatutMembreDernière intervention17 décembre 2009 12 déc. 2009 à 13:59
Merci à vous deux, je vais prendre le temps d'explorer vos suggestions
fondamentalement le petit diaporama marche mais dès que j'ajoute ;afficheText plus rien . j'avais vu le diapo de kazma, mais je n'avais pas vu qu'il offrait cette possibilité de 2 "évenements " pour un seul click !! bon c'est samedi....j'vais faire la heu! non, du java !!! je vous dis si j'y arrive
cordialement
Pharen
pharen
Messages postés4Date d'inscriptionsamedi 5 décembre 2009StatutMembreDernière intervention17 décembre 2009 17 déc. 2009 à 17:39
bonjour,
oui je crois bien pouvoir trouver la solution à travers vos suggestions mais je voulais voir avec vous ceci:
<script langage="javascript">
function agrandir(im){
document.getElementById("image").src = im}
</script>
[#
titre1
le texte explicatif
]
titre2
le texte explicatif
[#
titre3
le texte explicatif
]
C'est simple et correspond à mon attente à un (gros) détail près: je ne sais pas le faire déclenché par le click mais qu'en "passant dessus" du coup si le pointeur ne reste pas sur l'image en petite taille l'agrandissement de cette image et le texte explicatif disparaissent. avantage dès qu'on est sur la petite image suivante le texte et agrandissement de la n°1 disparaisse pour faire place à la N°2. inconvénient ça n'est pas très pratique à l'usage, ça oblige à veiller de ne pas déplacer le pointeur pendant la lecture. Connaissez vous un moyen simple pour que le déclenchement se fasse avec le click et non le "passe dessus" ? ?
bien cordialement
Pharen
Vous n’avez pas trouvé la réponse que vous recherchez ?