Rechercher : dans
Par :

Click image défilante

Dernière réponse le 11 nov 2009 à 17:38:32 hind111, le 11 nov 2009 à 16:06:48 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « click image défilante » dans :
Création d'image Système (Ghost) VoirCréer une image (ghost) de partition 1 - Intérêt 2 - Pré-requis 2.1 - Explication 2.2 - Opportunités des partitions 2.3 - Mise à jour des images 2.3.1 - Image incrémentale : intéressant mais dangereux ! 2.3.2 - Image incrémentale et...
[PDF] Convertir des PDF en images (JPEG, BMP, GIF, etc...) VoirSi vous avez des documents PDF et que vous voulez les convertir en images (JPEG, GIF, BMP, ou n'importe quel format), de manière à les exploiter, par exemple dans un logiciel d'OCR ou de retouche/création d'images : Note : Cet article présente une...
Rechercher des images de Noël : père Noël, traîneaux, sapin... VoirRechercher des images de Noël sur Internet Effectuer une recherche rapide d’images de Noël Effectuer une recherche avancée d’images de Noël Rechercher des images de Noël sur une banque d’images en ligne Rappel Rechercher des images de...
Télécharger Image Resizer VoirPetit utilitaire (PowerToy) basique, très simple, permettant de réduire la taille d'une image, dans le but, notamment, de l'envoyer par e-mail ou de la partager sur Internet (blog, site, album...). Pour plus d'informations: image resizer reduire la...
Télécharger Free Word/Doc Txt to Image Jpg/Jpeg Bmp Tiff Png VoirD'habitude, ce sont les images que l'on insère dans les documents Word, Excel ou PowerPoint. Cette fois ci, c'est un peu l'inverse, parce qu'on va convertir ces documents au format image. All to Image Jpg/Jpeg Bmp Tiff Png Converter est un outil...
Fichier ISO (Image ISO) VoirFormat ISO Un fichier possédant l'extension .ISO est une image ISO, c'est-à-dire une image d'un disque (CD, DVD ou disque dur) sous forme de fichier, créer avec un logiciel de gravure. Comment lire un fichier ISO ? En l'absence de graveur, il...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
LaTeX - Insertion d'images VoirStyle LaTeX permet d'insérer des images de différents formats. Le plus simple est d'insérer des fichiers de type eps (Encapsuled Postscript) : Il suffit d'insérer dans le préambule la ligne suivante : \usepackage{graphicx} Puis d'insérer...

1

vincent170186, le 11 nov 2009 à 17:09:33

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..... y a des jours ou c'est toi qui cogne le bar.
et y a des jours ou c'est le bar qui te cogne.

Répondre à vincent170186

2

 hind111, le 11 nov 2009 à 17:38:32

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

Répondre à hind111
Collection CommentÇaMarche.net