Click image défilante
hind111
-
hind111 -
hind111 -
Bonjour à tous
je suis entrain de créer un site web j'ai créer un tableau de 2 colonne
dans la 1er colonne j'ai fait des images défilantes horizontalement => ça bien marcher
mais je veut que quand l'utilisateur clic sur une image une petite description s'affiche dans la 2eme colonne
j'ai utilisé div et une fonction que je l'appelle dans l'url de l'image mais ça pa marché.
que puis-je faire comme autre solution
merci d'avance
je suis entrain de créer un site web j'ai créer un tableau de 2 colonne
dans la 1er colonne j'ai fait des images défilantes horizontalement => ça bien marcher
mais je veut que quand l'utilisateur clic sur une image une petite description s'affiche dans la 2eme colonne
j'ai utilisé div et une fonction que je l'appelle dans l'url de l'image mais ça pa marché.
que puis-je faire comme autre solution
merci d'avance
A voir également:
- Click image défilante
- Image iso - Guide
- Reduire taille image - Guide
- Acronis true image - Télécharger - Sauvegarde
- Légender une image - Guide
- Image gratuite - Guide
2 réponses
salut !
alors tout d'abord :
"j'ai utilisé div et une fonction que je l'appelle dans l'url de l'image mais ça pa marché."
??? la pô compris...
bon en admenttant que t'es images ai un id du genre : id="image_1" et "image_2" etc...
et les textes correspondant un id du genre : id='texte_1" et id='texte_2" etc...
une technique a l'ancienne ...
dans ton script tu creer une fontion :
function affiche_texte (objInput)
{ var nbimag=3 ;// nbimag correspond a ton nombre d'image ici pour l'exemple on dit qu'il y en a 3
var Y=nbimag+1;
var decomp=objInput.id.split("_"); // on extrait le chiffre de l'id situé aprés le "_"
var val=decomp[1];//on recupére le chiffre que l'on vient d'extraire
var texte="texte_"+val;
for (i=1;i<Y;i++)
{document.getElementById("texte_"+i).style.display="none";}
document.getElementById(texte).style.display="block";
}
et voila ensuite il ne te reste plus qu'a mettre un onclick='affiche_texte (this)' sur chaque image....
j'espere que ça feras ton bonheur.....
alors tout d'abord :
"j'ai utilisé div et une fonction que je l'appelle dans l'url de l'image mais ça pa marché."
??? la pô compris...
bon en admenttant que t'es images ai un id du genre : id="image_1" et "image_2" etc...
et les textes correspondant un id du genre : id='texte_1" et id='texte_2" etc...
une technique a l'ancienne ...
dans ton script tu creer une fontion :
function affiche_texte (objInput)
{ var nbimag=3 ;// nbimag correspond a ton nombre d'image ici pour l'exemple on dit qu'il y en a 3
var Y=nbimag+1;
var decomp=objInput.id.split("_"); // on extrait le chiffre de l'id situé aprés le "_"
var val=decomp[1];//on recupére le chiffre que l'on vient d'extraire
var texte="texte_"+val;
for (i=1;i<Y;i++)
{document.getElementById("texte_"+i).style.display="none";}
document.getElementById(texte).style.display="block";
}
et voila ensuite il ne te reste plus qu'a mettre un onclick='affiche_texte (this)' sur chaque image....
j'espere que ça feras ton bonheur.....
Bjr à tous
merci très très fort vincent170186 pour votre réponse mais voilà le problème détaillé
je suis entrain de développer un site web....
jé utiliser un script pour faire un défilement d'images(dans un colonne de tableau).. et ça bien marcher mais je voulais que lorsque l'utilisateur clic sur une image => une petite description s'affiche sur un autre colonne du même tableau<= chose ke je n'arrive pa à le faire
merci d'avance
voilà mon code :
et j'utlise un div ou il y a chak descrition d'image
ke doi-je mettre à la place de a.html pour afficher un div
j'ai essayer de faire une fonction et l'appeller
mai ça m'a rien donner
merci très très fort vincent170186 pour votre réponse mais voilà le problème détaillé
je suis entrain de développer un site web....
jé utiliser un script pour faire un défilement d'images(dans un colonne de tableau).. et ça bien marcher mais je voulais que lorsque l'utilisateur clic sur une image => une petite description s'affiche sur un autre colonne du même tableau<= chose ke je n'arrive pa à le faire
merci d'avance
voilà mon code :
mages/22.gif" border=1></a>'
leftrightslide[1]='<a href="a.html"><img src="images/24.gif" border=1></a>'
leftrightslide[2]='<a href="a.html"><img src="images/26.gif" border=1></a>'
leftrightslide[3]='<a href="a.html"><img src="images/28.gif" border=1></a>'
leftrightslide[4]='<a href="a.html"><img src="images/30.gif" border=1></a>'
function afficheId(baliseId)
{
if (document.getElementById && document.getElementById(baliseId) != null)
{
document.getElementById(baliseId).style.visibility='visible';
document.getElementById(baliseId).style.display='block';
}
}
//fin get id
var copyspeed=slidespeed
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide[i]+" "
if (document.all){
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")
}
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
document.ns_slider01.visibility="show"
setTimeout("window.onresize=regenerate",450)
intializeleftrightslide()
}
if (document.all)
ieslider.scrollAmount=slidespeed
}
function intializeleftrightslide(){
document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>')
document. ns_slider01.document.ns_slider02.document.close()
thelength=document.ns_slider01.document.ns_slider02.document.width
scrollslide()
}
function scrollslide(){
if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){
document.ns_slider01.document.ns_slider02.left-=slidespeed
setTimeout("scrollslide()",100)
}
else{
document.ns_slider01.document.ns_slider02.left=sliderwidth
scrollslide()
}
}
window.onload=regenerate2
// End -->
</script>
et j'utlise un div ou il y a chak descrition d'image
ke doi-je mettre à la place de a.html pour afficher un div
j'ai essayer de faire une fonction et l'appeller
function bascule(nom_div) {
if(document.getElementById(nom_div).style.display="none")
document.getElementById(nom_div).style.display="block";
else{document.getElementById(nom_div).style.display="none";}
}
leftrightslide[0]='<a href="javascript:bascule(contenu)"><img src="images/2.gif" border=1></a>'
mai ça m'a rien donner
