probleme défilement image

Question

salut a tous, j'ai un petit soucis avec un code pour faire défiler des images grace a des boutons. mon probleme est que mes images s'affichent l'une en dessous de l'autre (en liste) du coup les boutons ne servent a rien et la page fait 30km de long. comment faire pour qu'elles s'affichent une par une en utilisant les boutons? pouvez vous m'indiquer ou mettre l'adresse des images svp? voici le code de base Images défilante merci beaucoup

maelob · Answer

Bonjour,

J'ai retourné le script dans les sens je ne vois aucuns problèmes...
Nous as tu bien donné tout le code utile?

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

pygo · Answer

je n'ai que ce code la dans ma page car je voulais faire un test,tout fonctionne bien sauf quand je mets plusieurs images elle s'affichent l'une en dessous de l'autre je ne vois pas de quoi cela peut venir le lien de la page ou j'ai obtenu ce code http://www.javascriptfr.com/codes/IMAGE-DEFILANTE-PLUS-SIMPLE-POSSIBLE_35644.aspx

maelob · Answer

Que veux tu dire par "quand je mets plusieurs images" car si tu rajoutes des balises img c'est qu'elles vont toutes s'afficher...

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

maelob · Answer

C'est sur qu'elles vont... (manque une fonction édit)

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

pygo · Answer

je m'explique,

j'ai inséré le code dans ma page,ensuite je mets l'adresse de ma premiere photo jusqu'ici tout va bien.
ensuite j'entre l'adresse de ma 2eme photo dans une autre ligne et la au lieu d'avoir la premiere image qui s'affiche et en cliquant sur "suivant" avoir  acces a la 2eme,les 2 s'affichent l'une en dessous de l'autre du coup ca me donne une liste d'image et de ce fait les boutons "suivant,pécédent etc..." ne servent a rien.

comment faut il faire pour les avoir une a une en cliquant sur les boutons?

pygo · Answer

quelqu'un pourrait il me donner un exemple avec ses propres images ce serait vraiment nikel

maelob · Answer

Donc c'est ce que je disais lol tu entr plusierus balise img.
Il faut une seule balise img celle de la source. Ensuite tes photos doivent se nommer img(un numero en partant de 1).jpg ensuite var Max_Image = 4  tu dois le changer et mettre le nombre d'image.

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

pygo · Answer

donc si j'ai bien compris c'est cette partie du code qui m'intéresse >  O_Img.src  = "img" + Num_Image +".jpg"

ce qui doit donner > o_img src ="adresse de l'image"+num_image+"le numero.jpg"

est ce bien ca?

maelob · Answer

Non :o) Images défilante

maelob · Answer

Enfin oui aussi lol

 O_Img.src  = "chemin/img" + Num_Image +".jpg"

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

pygo · Answer

putain je vais jamais y arriver  donc je ne dois pas mettre d'url pour mes images? juste un chiffre.jpg

peux tu me faire une ligne exemple stp pour une images (désolé de faire mon boulet)

pygo · Answer

je n'ai toujours que l'image de la source qui s'affiche j'en ai maaaaaaaaaaaaaaaaaaaaaaaare  lol

maelob · Answer

T'inquiete je prefere que tu poses des questions et que tu comprennes plutot que d'essayer de faire betement ce que je te dis de faire.

Pour max_image je pense que tu as compris.

 
Ici tu met le chemin de ta premiere image donc ici elle se trouve dans le même dossier et s'apelle img1.jpg imaginons elle aurait été dans un dossier qui se trouve dans ce dossier ça aurait donner src="./dossier/img1.jpg"
./ veut dire dans ce dossier tu peux aussi mettre directement dossier/img1.jpg

  //-- Affichage Image 
  O_Img.src  = "img" + Num_Image +".jpg" 
Ici on dit qu'on va chercher l'image portant le s'apellant img2.jpg dans le même dossier si par exemple tu as bouton suivant.

Tu me suis?

Il faut donc qu'il existe img1.jpg img2.jpg img3.jpg... par exemple pour ton site ça peut faire animal1.jpg animal2.jpg... qui serait dans le dossier animal donc

 
  O_Img.src  = "animal/animal" + Num_Image +".jpg" 

Si tu as compris ça c'est déjà bien après tu pourra l'ameliorer si tu le souhaite.

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

pygo · Answer

je pense avoir compris,j'essaye et je te tiens au courant
merci beaucoup en tout cas

pygo · Answer

j'ai bien compris le truc (du moins je pense) mais ca m'affiche encore tout en liste

j'ai fait un dossier "insecte" contenant img1.jpg et img2.jpg

ensuite j'ai édité mes lignes ainsi>

c'est bien comme ca qu'il faut faire?

maelob · Answer

Non une seule balise img!!! c'est la 3 eme fois que je te le dis quand même!!!!!!!!!!

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

pygo · Answer

oups 

j'ai viré la 2eme balise ca donne ca>

    <name="photos"src="insecte/img2.jpg" border="0">

mais ca ne marche toujours pas,ca me prends la tronche je vais lourder le pc par la fenetre

maelob · Answer

Euh une balise c'est pas seulement son nom ses aussi tous ses attributs... si tu ne sais pas les bases comment veux tu que je t'aide...

On apprend les bases et après on s'interesse a quelque chose de plus compliqué.

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

pygo · Answer

tout le reste ca va c'est juste cette ligne qui me pose probleme je vais tenter de trouver tout seul

maelob · Answer

la réponse est la 
>>une balise c'est pas seulement son nom c'est aussi tous ses attributs...

pygo · Answer

bon j'y arrive pas avec ou sans les attributs je vois pas si quelqu'un peux me filer la solution ce serait génial merci d'avance

maelob · Answer

Sais tu au moins ce qu'est un attribut?

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

pygo · Answer

oui je le sais je me renseigne et j'apprends au fur et a mesure je ne me contente pas de faire des copier/coller de code mais la je seche vraiment meme si cela peut te paraitre simple

maelob · Answer

juste une balise img donc un seul 

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

pygo · Answer

j'ai tenté ca mais ca ne marche toujours pas,j'ai pensé qu'il fallait laisser le "src" pour savoir d'ou vient l'image

<src="insecte/img2.jpg"border="0">

qu'on me donne le code je vous en supplie lol

maelob · Answer

Une seule balise img donc juste 
je parle chinois japonnais allemand?

Maybe i should try in English?

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

pygo · Answer

et comment on fait pour insérer la deuxième image
le code pour la première c'est ok mais pour la suivante je ne sais pas

maelob · Answer

j'ai même pas envie de te répondre... mais bon pas vraiment le choix lebouton suivant il sert a quoi??????????????????????????????????????????????????????????????????????????????????
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

pygo · Answer

je préfere que l'on me réponde pas plutot que l'on se foute de ma g*****

pygo · Answer

a la base je demande juste quelques lignes exemple d'intégration de plusieurs images,j'ai compris l'histoire d'une seule balise etc etc mais c'est pour les codes des images suivante que je plante.bref je voulais juste 3 lignes si quelqu'un peut me les filer sans se foutre de moi ce serait génial.merci

pygo · Answer

petit up,

je ne peux pas continuer la construction de mon site a cause de ce probleme,il me faut juste 2-3 lignes d'exemple pour me montrer comment intégrer plusieurs images et que l'on puisse les parcourir avec les boutons

merci beaucoup

pygo · Answer

je suis vraiment bloqué la,quelqu'un pour m'aider svp?

pygo · Answer

message pour maelob,

visiblement tu es la seule a avoir la solution,pourrais tu me donner quelques lignes comme exemple?

merci beaucoup

maelob · Answer

Je t'ai aidé je t'ai tout donné après si tu n'explique pas en détails ton problème je peux pas t'aider.

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

pygo · Answer

mon probleme en détails c'est que:

A la base ce script est fait pour faire défiler des images via les boutons "suivant" et "précédent".

Dans mon cas j'arrive a afficher l'image de départ (donc la premiere) mais lorsque je veux mettre le chemin de la 2eme (qui devrait apparaitre en cliquant sur "suivant") elle apparait en dessous de la premiere.

Ce que j'aimerais savoir:

-ou et comment(endroit dans le script et quel script) entrer les chemins des images suivantes pour qu'elles s'affichent via les boutons "suivant" et "précédent" et non en dessous de la premiere (ce qui donne une liste verticale)

j'aimerais avoir un exemple de lignes a insérer dans le script

merci encore 
.

maelob · Answer

Normal qu'elle s'affiche en dessous car tu dois mettre que le chemin de la premiere image si tu met le chemin de la deuxieme image en plus du premier c'est logique qu'il y est 2 images...

Normalement si tu as fais tout ce que je t'ai dis avant (renomage des photos et tout ça) et que tu écris seulement le chemin de la première image ça devrait fonctionner comme tu le souhaites.

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

maelob · Answer

javascript s'occupe de changer l'image tout seul

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

pygo · Answer

j'ai bien compris et fait tout ce que tu m'as dit (nombre d'images,nom des images etc) mais rien ne marche.la premiere image s'affiche tres bien mais rien ne se passe quand je clique sur "suivant"

maelob · Answer

Ok faudrait que tu prennes firefox et que tu regardes dans la console d'erreur quel est l'erreur et copie la ici.

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

maelob · Answer

La console d'erreur est dans le menu outils.

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

pygo · Answer

la console d'erreur n'affiche rien et lorsque ma page est transferée sur mon serveur l'image disparait je redonne mon script Images défilante

pygo · Answer

l'image apparait c'était une faute d'inatention de ma part

pygo · Answer

ca y'est la console d'erreur affiche quelque chose  j'ai tout une page d'erreurs 
les voici>

Avertissement : Erreur d'analyse de la valeur pour la propriété « display ».  Déclaration abandonnée.
Fichier source : http://www.javascriptfr.com/css/layout.css
Ligne : 785

Avertissement : Erreur d'analyse de la valeur pour la propriété « background-position ».  Déclaration abandonnée.
Fichier source : http://www.javascriptfr.com/css/layout.css
Ligne : 785

Avertissement : Propriété « filter » inconnue.  Déclaration abandonnée.
Fichier source : http://www.javascriptfr.com/css/layout.css
Ligne : 790

Avertissement : Propriété « filter » inconnue.  Déclaration abandonnée.
Fichier source : http://www.javascriptfr.com/css/layout.css
Ligne : 799

Avertissement : Propriété « filter » inconnue.  Déclaration abandonnée.
Fichier source : http://www.javascriptfr.com/css/layout.css
Ligne : 811

Avertissement : Une fin de valeur pour la propriété était attendue, mais « middle » a été trouvé.  Erreur d'analyse de la valeur pour la propriété « background-position ».  Déclaration abandonnée.
Fichier source : http://www.javascriptfr.com/css/layout.css
Ligne : 915

Avertissement : Propriété « filter » inconnue.  Déclaration abandonnée.
Fichier source : http://www.javascriptfr.com/css/layout.css
Ligne : 973

Avertissement : Propriété « filter » inconnue.  Déclaration abandonnée.
Fichier source : http://www.javascriptfr.com/css/layout.css
Ligne : 976

Avertissement : Propriété « filter » inconnue.  Déclaration abandonnée.
Fichier source : http://www.javascriptfr.com/css/layout.css
Ligne : 976

Avertissement : Une fin de valeur pour la propriété était attendue, mais « middle » a été trouvé.  Erreur d'analyse de la valeur pour la propriété « background-position ».  Déclaration abandonnée.
Fichier source : http://www.javascriptfr.com/css/layout.css
Ligne : 1031

Avertissement : Une fin de valeur pour la propriété était attendue, mais « middle » a été trouvé.  Erreur d'analyse de la valeur pour la propriété « background-position ».  Déclaration abandonnée.
Fichier source : http://www.javascriptfr.com/css/layout.css
Ligne : 1039

Avertissement : Une fin de valeur pour la propriété était attendue, mais « middle » a été trouvé.  Erreur d'analyse de la valeur pour la propriété « background-position ».  Déclaration abandonnée.
Fichier source : http://www.javascriptfr.com/css/layout.css
Ligne : 1049

Avertissement : Une fin de valeur pour la propriété était attendue, mais « middle » a été trouvé.  Erreur d'analyse de la valeur pour la propriété « background-position ».  Déclaration abandonnée.
Fichier source : http://www.javascriptfr.com/css/layout.css
Ligne : 1057

Avertissement : Une fin de valeur pour la propriété était attendue, mais « middle » a été trouvé.  Erreur d'analyse de la valeur pour la propriété « background-position ».  Déclaration abandonnée.
Fichier source : http://www.javascriptfr.com/css/f.css
Ligne : 11

Avertissement : Une fin de valeur pour la propriété était attendue, mais « middle » a été trouvé.  Erreur d'analyse de la valeur pour la propriété « background-position ».  Déclaration abandonnée.
Fichier source : http://www.javascriptfr.com/css/f.css
Ligne : 39

Avertissement : Une fin de valeur pour la propriété était attendue, mais « middle » a été trouvé.  Erreur d'analyse de la valeur pour la propriété « background-position ».  Déclaration abandonnée.
Fichier source : http://www.javascriptfr.com/css/f.css
Ligne : 75

Avertissement : Une fin de valeur pour la propriété était attendue, mais « middle » a été trouvé.  Erreur d'analyse de la valeur pour la propriété « background-position ».  Déclaration abandonnée.
Fichier source : http://www.javascriptfr.com/css/f.css
Ligne : 83

Avertissement : Une fin de valeur pour la propriété était attendue, mais « middle » a été trouvé.  Erreur d'analyse de la valeur pour la propriété « background-position ».  Déclaration abandonnée.
Fichier source : http://www.javascriptfr.com/css/f.css
Ligne : 93

Avertissement : Une fin de valeur pour la propriété était attendue, mais « middle » a été trouvé.  Erreur d'analyse de la valeur pour la propriété « background-position ».  Déclaration abandonnée.
Fichier source : http://www.javascriptfr.com/css/f.css
Ligne : 101

Avertissement : Déclaration attendue, mais « 100% » trouvé.  Passage à la déclaration suivante.
Fichier source : http://www.javascriptfr.com/infomsg_PROBLEME-DEFILEMENT-IMAGE_1131563.aspx?p=5
Ligne : 0

Erreur : uncaught exception: Permission refusée d'appeler la méthode Location.toString

maelob · Answer

Pour tes erreurs ce ne sont que des erreurs liées a javascriptfr.com...
sinon es-u sur du chemin ici
  O_Img.src  = "img" + Num_Image +".jpg"

car dans ta balise img le chemin est 
insecte/img1.jpg

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

pygo · Answer

pour ca>  O_Img.src  = "img" + Num_Image +".jpg" 
je ne sais pas du tout,je dois le modifier? si oui comment? peux tu me montrer stp

as tu essayer ce script? il marche avec toi?

maelob · Answer

Ben il faut que ça soit le chemin ou se trouve tes images donc...
insecte/img....

Je peux l'essayer enfin si je pourrai mais la fleme en faite desolée... mais déjà ça ça devrait etre beaucoup mieux.

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

pygo · Answer

pas grave tu m'aide c'est déja pas mal 

donc ca doit donner:

 O_Img.src  = "insecte/img1.jpg"

maelob · Answer

non pas 1 mais Num_Image.
O_Img.src  = "insecte/img" + Num_Image +".jpg" 

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

Probleme défilement image

48 réponses

Votre réponse

Discussions similaires