Click image défilante

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

2 réponses

  1. vincent170186 Messages postés 329 Statut Membre 52
     
    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.....
    0
  2. hind111
     
    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 :
    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]+"&nbsp;&nbsp;"
     
    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
    0