Slideshow startPix KO

Bonjour

J’ai repris les fonctions startPix() et slideshow() dont il a déjà été question ici.

Je fournis en entrée :

Code:

---

1 2 3

var Pix = new Array (lignetot);

---

Où:

Code:

---

1 2	lignetot: "W:\isipc\martinot\photoC\martinot 3.JPG","W:\isipc\martinot\photoC\martinot 2.JPG","W:\isipc\martinot\photoC\martinot 1.jpg"

---

Je démarre avec:

Code:

---

1 2	<img name="ChangingPix" src="W:\isipc\martinot\photoC\martinot 1.jpg" id="arriere">

---

Résultat: la première image s’affiche et c’est tout, ça s’arrête là.

Merci par avance de vos conseils.

Francois

Bonjour,

Citation:

---

Envoyé par francoisch

J’ai repris les fonctions startPix() et slideshow() dont il a déjà été question ici.

---

un lien aiderait ceux qui n'avait pas participé aux échanges précédents ;)

A+

bonjour

J'ai débuté ce sujet dans mon message initial mais je crois que ces deux fonctions sont déjà connues.

A défaut:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

var timeDelay = 2; // change delay time in seconds // document.write("timeDelay: "+timeDelay+"<br>"); var Pix = new Array (lignetot); var howMany = Pix.length; // document.write("howMany: "+howMany+"<br>"); timeDelay *= 1000; var PicCurrentNum = 0; var PicCurrent = new Image(); PicCurrent.src = Pix[PicCurrentNum];   function startPix() { setInterval("slideshow()", timeDelay); }   function slideshow() { PicCurrentNum++; if (PicCurrentNum == howMany) { PicCurrentNum = 0; } PicCurrent.src = Pix[PicCurrentNum]; document["ChangingPix"].src = PicCurrent.src; }

---

En espérant que ça aide.

Francois

:salut:

Citation:

---

document["ChangingPix"].src = PicCurrent.src;

---

Code:

---

document.images["ChangingPix"].src = PicCurrent.src;

---

bonjour et merci de ta réponse.

Le résultat est le même: la première image, celle qui est nommée dans
<img name="ChangingPix" src="W:\isipc\martinot\photoC\martinot 1.jpg">, s'affiche mais pas les autres (image blanche avec un petit x en haut à gauche).

J'ai déjà utilisé ce carrousel mais c'était avec des images enregistrées sur un site Web; ici, ça devrait être plus facile, les images sont enregistrées sur mon PC.

Voici le code, situé dans Head, complet:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32

var chemin = "<?=$_SESSION['lettre_ddS']?>:\\<?=$_SESSION['racine_dpS']?>\\<?=$_SESSION['repertoireS']?>\\photoC\\"; var lignetot = Aller(chemin); document.write("lignetot: "+lignetot+"<br>");   // var timeDelay = <?php echo $delay; ?>; // change delay time in seconds var timeDelay = 2; // change delay time in seconds // document.write("timeDelay: "+timeDelay+"<br>"); var Pix = new Array (lignetot); var howMany = Pix.length; // document.write("howMany: "+howMany+"<br>"); timeDelay *= 1000; var PicCurrentNum = 0; var PicCurrent = new Image(); PicCurrent.src = Pix[PicCurrentNum];   function startPix() { setInterval("slideshow()", timeDelay); }   function slideshow() { PicCurrentNum++; if (PicCurrentNum == howMany) { PicCurrentNum = 0; } PicCurrent.src = Pix[PicCurrentNum]; document.images["ChangingPix"].src = PicCurrent.src; }

---

où on voit, au début, le document.writequi affiche:

Code:

---

1 2	lignetot: "W:\isipc\martinot\photoC\messagerie2.gif","W:\isipc\martinot\photoC\martinot 3.JPG","W:\isipc\martinot\photoC\martinot 1.jpg"

---

ce qui est bien la liste des photos de test présentes dans le dossier de mon PC.

Dans mon carrousel qui fonctionne avec des images enregistrées sur un site Web, leurs adresses sont:

Code:

---

1 2	../esp1/martinot/journalierP/repfam01.jpg

---

Est ce que j'ai raté qqechose de ce coté là?

Merci par avance de votre aide.

Francois

Apparemment, seule l'adresse de la première image ne contient pas d'espace ;)

Tu ne dois pas échapper les anti-slash?
Ou mettre le protocole file si le chemin est absolue?

Merci de vos réponses.

Pour les espaces:
- un des fichiers n'a pas d'espace dans son nom, les autres en ont un
- le premier fichier qui s'affiche a un espace, ce qui ne semble donc pas gêner

Echapper:
en entrée de la fonction Aller() qui établit la liste des fichiers, je fournis le chemin avec les \ échappés, j'en met deux:

Code:

---

1 2	ar chemin = "<?=$_SESSION['lettre_ddS']?>:\\<?=$_SESSION['racine_dpS']?>\\<?=$_SESSION['repertoireS']?>\\photoC\\";

---

A la sortie j'ai un string où sont assemblés les noms des fichiers:

Code:

---

1 2	lignetot: "W:\isipc\martinot\photoC\messagerie2.gif","W:\isipc\martinot\photoC\martinot 3.JPG","W:\isipc\martinot\photoC\martinot 1.jpg"

---

que j'imprime pour vérification avec un document.write.

Francois

bonjour

Dans mes recherches, je retrouve partout le même exemple dans lequel les photos sont dans le même dossier Serveur que la page où se trouve le code JS; parfois, les images sont dans un dossier voisin.

Par contre, je n'ai jamais trouvé d'exemple où les images soient sur le Client.

Est ce l'explication du non fonctionnement du Slideshow?

Pourtant, la première image s'affiche bien; pourquoi pas les autres?

Merci de votre aide.

Francois

Citation:

---

Envoyé par francoisch

Pourtant, la première image s'affiche bien; pourquoi pas les autres?

---

Citation:

---

Envoyé par Bovino

Apparemment, seule l'adresse de la première image ne contient pas d'espace ;)

---

De plus, la première est un .gif alors que les autres sont .jpg ou .JPG

Tu as aussi vérifié que c'était bon ?
(y compris une fois généré ?)

A+

Merci de vos réponses.

J'ai conservé seulement deux photos Jpg et j'ai enlevé les espaces.

Voici le string d'adresses issu de mon document.write:

Code:

---

1 2	lignetot: "W:\isipc\martinot\photoC\martinot3.JPG","W:\isipc\martinot\photoC\martinot1.jpg"

---

Résultat: la première s'affiche, pas la suivante.

J'ai aussi spécifié le nom de l'autre photo ici:

Code:

---

1 2	<img name="ChangingPix" src="W:\isipc\martinot\photoC\martinot3.jpg" id="arriere">

---

pour le cas où l'ordre de nommage aurait eu un impact; rien.

Il va falloir encore chercher.

Merci de votre aide.

Francois

Alors pour faire simple, peux-tu, juste pour test, ajouter 3 <img> dans ta page, qui pointent chacune sur une des images (src "en dur").

Si elles s'affichent, tu seras au moins sûr que le problème vient de la génération du path, ou en tous cas de ton script.
Sinon, il s'agit d'un problème de fichier ...

A+

bonjour

J'ai ajouté:

Code:

---

1 2 3

<img name="test1" src="W:\isipc\martinot\photoC\martinot1.jpg"> <img name="test2" src="W:\isipc\martinot\photoC\martinot3.jpg">

---

et j'ai bien eu affichage des deux images, l'une sur l'autre dans la fenêtre.

Le chemin d'accès aux photos est donc valide.

Il va falloir chercher ailleurs.

Francois

Citation:

---

Envoyé par francoisch

J'ai ajouté:

Code:

---

1 2 3

<img name="test1" src="W:\isipc\martinot\photoC\martinot1.jpg"> <img name="test2" src="W:\isipc\martinot\photoC\martinot3.jpg">

---

et j'ai bien eu affichage des deux images, l'une sur l'autre dans la fenêtre.

Le chemin d'accès aux photos est donc valide.

Il va falloir chercher ailleurs.

---

Non, tu peux arrêter de chercher :mouarf:

Par contre, tu peux passer un peu plus de temps à te relire

Code:

---

W:\isipc\martinot\photoC\martinot3.JPG

---

A+

8O

Code:

---

1 2 3 4 5 6 7 8 9

var lignetot = Aller(chemin); document.write("lignetot: "+lignetot+"<br>");   // var timeDelay = <?php echo $delay; ?>; // change delay time in seconds var timeDelay = 2; // change delay time in seconds // document.write("timeDelay: "+timeDelay+"<br>"); var Pix = new Array (lignetot); var howMany = Pix.length;

---

Tu ne peux pas construire un tableau comme ça !!!
lignetot est une seule chaine donc ton tableau ne contient qu'un seul élément, c'est pour ça qu'une seule image s'affiche !

bonjour

Le tableau:
Y a t il une différence entre:

Code:

---

1 2 3

var Pix = new Array (lignetot);

---

avec:

Code:

---

1 2	lignetot = "W:\isipc\martinot\photoC\martinot3.JPG","W:\isipc\martinot\photoC\martinot2.JPG"

---

et

Code:

---

1 2 3 4 5 6

var Pix = new Array ( "W:\isipc\martinot\photoC\martinot3.JPG", "W:\isipc\martinot\photoC\martinot2.JPG" );

---

Pour la relecture:
si le sujet est JPG en majuscules qui poserait problème, pour être sûr, j'avais modifié le nom du fichier en mettant jpg en minuscules, sans résultat.

Merci de votre aide.

Francois

Oui, il y a une grande différence car ton lignetot ne vaut pas

Code:

---

lignetot = "W:\isipc\martinot\photoC\martinot3.JPG","W:\isipc\martinot\photoC\martinot2.JPG"

---

mais en réalité

Code:

---

lignetot = '"W:\isipc\martinot\photoC\martinot3.JPG","W:\isipc\martinot\photoC\martinot2.JPG"'

---

Il s'agit bien d'une chaine et non pas un ensemble de chaines ! D'ailleurs, sinon tu aurais une erreur ;)

Merci de ta réponse tout d'abord.

J'ai essayé avec:

Code:

---

1 2	'W:\isipc\martinot\photoC\martinot3.jpg','W:\isipc\martinot\photoC\martinot1.jpg'

---

en remplaçant les doubles quotes par des simples quotes, sans résultat.

Veux tu dire qu'il faut que je code comme ça:

Code:

---

1 2 3 4 5 6

var Pix = new Array ( "W:\isipc\martinot\photoC\martinot3.JPG", "W:\isipc\martinot\photoC\martinot2.JPG" );

---

Ce sont les retours à la ligne qui changent qqechose?

Autre solution: dans lignetot, si j'enlève à la construction le premier double quote et le dernier double quote, ça pourrait aller?

Francois

Non, tu as mal compris.
Dans ton code à l'origine, lignetot a pour valeur :

Code:

---

'W:\isipc\martinot\photoC\martinot3.jpg','W:\isipc\martinot\photoC\martinot1.jpg'

---

Ce qui fait que lorsque tu l'affiches, cela donne bien :

Citation:

---

W:\isipc\martinot\photoC\martinot3.jpg','W:\isipc\martinot\photoC\martinot1.jpg

---

Mais lorsque tu l'affecte dans ton tableau, c'est la première valeur qui est enregistrée et pas un ensemble de valeurs.
Ton tableau ne contient donc que 1 élément.
Il faut donc effectivement faire différemment pour obtenir :

Code:

---

1 2 3 4 5

var Pix = new Array ( "W:\isipc\martinot\photoC\martinot3.JPG", "W:\isipc\martinot\photoC\martinot2.JPG" );

---

EDIT :
Par exemple :

Code:

---

var Pix = lignetot.split(',');

---

bonjour

Je suis allé mettre un document.write dans slideshow():

Code:

---

1 2	document.write("PicCurrent.src: "+PicCurrent.src+"<br>");

---

qui donne ceci:

Code:

---

1 2	PicCurrent.src: http://www.fctest1.fr/photo/'W:/isipc/martinot/photoC/martinot1.jpg

---

Ca semble bien expliquer pourquoi le slideshow ne trouve pas les fichiers du tableau.

Question: comment exprimer le chemin sur le PC pour éviter qu'il soit pris pour une adresse Web?

Francois

Cela a déjà été dit précédemment, en ajoutant un protocole file:

Merci de vos réponses.

Fantastique, mon carrousel local fonctionne maintenant.

Comme je le souhaitais, avec des jpg et des gif, avec un espace parfois dans le nom du fichier, ....

Et j'ai appris plusieurs choses, en particulier ce qu'est un File protocol.

Encore merci de votre aide.

Francois

Je me demande pourquoi tu utilises un chemin absolu pour les images, quand ton site sera hébergé ou ouvert par un autre PC à distant, tes images ne s'affichent plus. Mets les dans une sous-repertoire et utilise un chemin relatif.

bonjour

J'avais déjà un carrousel avec des images hébergées sur mon site.

Cette fois ci, j'avais besoin d'un carrousel avec des images hébergées sur un PC.

Pour une vieille personne dont l'aidant lui met ces photos sur son PC.

Francois