Aller au contenu

Validation et Javascript


Perle d'Argent

Sujets conseillés

Bonsoir Perle d'Argent,

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

Effectivement, en utilisant les balises layer et ilayer, il est impossible de valider ton code :wacko:

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.

Lien vers le commentaire
Partager sur d’autres sites

Merci Monique :D

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:

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 ;)

Merci encore :)

Lien vers le commentaire
Partager sur d’autres sites

Je ne vois pas de solution, si ce n'est d'utiliser un autre script...

Le validateur refusera toujours les balises layer et ilayer :(

Il y a bien celui-ci, mais ce n'est pas le même type de défilement... :wacko:

Cependant, il est valide, à condition de remplacer

<script LANGUAGE="JavaScript">

par

<script TYPE="text/javascript">

.

Lien vers le commentaire
Partager sur d’autres sites

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 :(

Lien vers le commentaire
Partager sur d’autres sites

Tiens, salut Fruge :D

Je n'avais pas jugé bon de remettre le script, vu que Monique avait mis le lien.

Donc voici:

SCRIPT

<!--

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

<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:

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

Lien vers le commentaire
Partager sur d’autres sites

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

Lien vers le commentaire
Partager sur d’autres sites

Bonsoir,

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 ;) ).

Fruge.

Lien vers le commentaire
Partager sur d’autres sites

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?

Lien vers le commentaire
Partager sur d’autres sites

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

Lien vers le commentaire
Partager sur d’autres sites

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.

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...