Version complète: sur le forum Webmaster Hub : Validation et Javascript
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
Perle d'Argent
Après en avoir bien bavé wacko.gif j'ai terminé la validation de toutes mes pages HTML (enfin, je crois.... unsure.gif )......
SAUF..... mes diaporamas, qui sont en javascript, et alors là ça me dépasse :yoot:
Bon, alors si un pro passe par là, ça me rendrait bien service.... wink.gif
Validator
Perle d'Argent
En fait, mon problème sur cette page vient des balises <LAYER> et <ILAYER> qui ne sont plus validées par le HTML4.
Par quoi puis-je les remplacer????
Là, il va bien y avoir quelqu'un, quand même.... wink.gif
Monique
Bonsoir Perle d'Argent,

Ton message m'avait échappé, je suis désolée blush.gif

Effectivement, en utilisant les balises layer et ilayer, il est impossible de valider ton code wacko.gif
Ces balises ont été introduites par Netscape lors de sa version 4, mais le W3C avait déjà prévu le positionnement à travers les feuilles de style.

Je vais regarder ton code, mais comme je n'ai jamais utilisé de diaporama, je ne peux pas te donner de réponse immédiate... je cherche.
Perle d'Argent
Merci Monique biggrin.gif
Sur les conseils de Dan, j'ai sorti le script pour le mettre dans un fichier .js, ce qui allège la page. Restent donc ces LAYER evil.gif
Voici le nouveau verdict du validator
L'auteur du script met effectivement en avant que c'est compatible NS.
Mais j'aimerais finir de valider, d'autant que j'ai plusieurs diaporamas, et que ce n'est pas fini wink.gif
Merci encore smile.gif
Monique
Je ne vois pas de solution, si ce n'est d'utiliser un autre script...
Le validateur refusera toujours les balises layer et ilayer sad.gif

Il y a bien celui-ci, mais ce n'est pas le même type de défilement... wacko.gif
Cependant, il est valide, à condition de remplacer
CODE
<script LANGUAGE="JavaScript">
par
CODE
<script TYPE="text/javascript">
.
Perle d'Argent
Merci Monique, je vais tester ça demain wink.gif
Mais dommage, il était bien, mon diaporama.... sad.gif
Je te tiens au courant !
Perle d'Argent
Effectivement, ça marche et c'est valide!
Que le type de défilement ne soit pas le même n'est pas bien grave.
Mais petite question: où mettre mes balises ALT, qui sont bien utiles?
A part pour la première, où c'est évident?
Merci encore wink.gif
Monique
Bonjour Perle d'Argent,

Je suis contente que cela te convienne.
Par contre, pour l'attribut alt, seul un commentaire relatif à la série de photos est possible en effet.
Il est peut-être possible d'en obtenir un différent pour chaque image, mais il faudrait modifier le script... chose dont je ne suis pas capable sad.gif
Perle d'Argent
et moi aussi, malheureusement.... blush.gif
mais peut-être quelqu'un.... 1eye.gif
Fruge
Bonjour (Coucou wink.gif ),

Pourrais-tu nous donner ce script, histoire de voir à quoi il ressemble ?

Fruge.
Perle d'Argent
Tiens, salut Fruge biggrin.gif
Je n'avais pas jugé bon de remettre le script, vu que Monique avait mis le lien.
Donc voici:
SCRIPT
CITATION
<!--
var timeDelay = 10;
var Pix = new Array
("photos/0.jpg"
,"photos/1.jpg"
,"photos/2.jpg"
,"photos/3.jpg" etc...
);

var howMany = Pix.length;
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;

}
//  End -->


Code HTML
CITATION
<body OnLoad="startPix()">
<script type='text/javascript' src='scrollbar.js'></script>

<div align="center">
<H1>Quelques photos de Lou Salomé</H1>

  <TABLE width="80%" align=center border=0 summary="">
  <tr><td align="center">

<script type='text/javascript' src='diapo.js'></script>
<img name="ChangingPix" src="photos/0.jpg" alt="poeme">
etc...


Pour obtenir des balises ALT, en fait il faut rajouter dans le sript:
CITATION
var aAlt = new Array;
aAlt[0] = 'poème';
aAlt[1] = 'bla;
aAlt[2] = 'bla;
aAlt[3] = 'bla; etc....

et aussi:

document["ChangingPix"].alt = aAlt[PicCurrentNum];


Ca marche! Reste un petit problème:
si on déplace le curseur à chaque fois sur la photo, le commentaire est bon. Si on laisse le curseur en place, il y a un vrai décalage au niveau des commentaires. Est-il possible de remédier à cela?

Démonstration ici
Anonymus
Bonsoir,
juste un petit probleme, les images n'ont pas le temps de se charger, qu'elles changent déjà. On a à peine un tiers de la photo.

A+.
Perle d'Argent
Tu n'as pas l'ADSL?
J'ai pourtant mis un délai de 12 s, ce qui me parait beaucoup!
Une solution est de laisser tourner le diaporama une fois....

Pour tout dire, je préfère largement, en comparant, l'autre type de diaporama, qui lui n'est pas valide. A titre de comparaison, et votre avis m'intéresse, il y en a un ici
Fruge
Bonsoir,

CITATION(Perle d'Argent @ samedi 13 septembre 2003, 20:10)
Si on laisse le curseur en place, il y a un vrai décalage au niveau des commentaires. Est-il possible de remédier à cela?


Et bien, pour contrer ce problème (IE qui ne vérifie le contenu de la balise ALT que le curseur survole que si le curseur est déplacé), il suffirait de forcer l'internaute à déplacer sa souris.

Une solution consisterait par exemple à remplacer le "timer" par un lien "image suivante" qu'il faudrait cliquer : ca permet à IE de mettre à jour le contenu de la balise ALT (puisqu'il y a un déplacement),... et cela permet également d'être sûr que l'internaute à bien fini de charger l'image (cf. post de Anonymus wink.gif ).

Fruge.
Perle d'Argent
Oui, alors ça, il y a longtemps que j'y ai pensé!
Photo après photo et cliquer sur image suivante, j'en ai plein sur le site! Et ça, je sais faire!
Mais ça n'a plus rien à voir avec un diaporama. C'est donc pour moi un vrai choix, pour ces pages-là, de vouloir un vrai diaporama. Par ailleurs, même si je connais ta "dent" contre IE, la version précédente (non valide) permettait une lecture correcte des balises ALT sans déplacer le curseur. Même avec IE!
La question est donc plutôt la suivante:
doit-on préférer un diaporama relativement efficace, et non validé, ou un diaporama valide W3C, mais qui ne satisfait pas grand monde?????
Quelqu'un autait-il la réponse?
Fruge
CITATION(Perle d'Argent @ samedi 13 septembre 2003, 23:06)
Photo après photo et cliquer sur image suivante, j'en ai plein sur le site! Et ça, je sais faire!


A titre indicatif, je parlais de faire ca dans une seule et même page web, pas sur plusieurs pages ("image suvante" ne voulant pas dire "page suivante"), comme ici.

En outre, je signale que ce système est valide pour le W3C (HTML 4.01 Transitional).

Et si c'est le caractère "automatique" qui te tient à coeur, cela s'adapte facilement...

Mais bon, comme tu le disais dans ton post précédent, tu connais déjà tout ca...

Fruge
Perle d'Argent
Asolument génial, ce que tu as fait là!
Tu parles de diaporama manuel, ce que, effectivement, je ne voulais pas! maintenant, si tu as des idées pour l'adapter en déroulant, pourquoi pas?
Dans l'état actuel des choses, et après discussion sur le chat hier soir, j'ai remis en place la version précédente, beaucoup plus agréable à tout point de vue.
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.