Discussion :

[PaulNero]

Bonjour tout le monde,
n'étant pas un grand pro de webdev et voulant créer un site web très vite(souvenons nous developpez 10 fois plus vite!!),j'ai voulu insérer des images défillantes dans mon site(diaporama).En fait l'astuce serait de lire un fichier d'image(diaporama) et de les afficher tour à tour sur mon site dans un champ image ou autre.
J'ai ainsi eu un code javascript sur internet.J'ai enregistré ce code en .js. Je l'ai chargé dans le descriptif du projet,puis ajouté.
voici le code:

//<script>
//
// ======= DIAPORAMA SEQUENTIEL, ALEATOIRE ET AUTOMATIQUE ==============
// Mettre les images visuel1.jpg à visuelXXX.jpg dans un dossier diaporama
// ================================================================
// on initialise le compteur d'images
var compteur = 1;

// le nombre total d'images
var total_img = 3;

// i pour le tirage aléatoire
var i;

// le délai du défilement automatique en secondes
var timeDelay = 5;
timeDelay *= 1000;

// La fonction pour faire monter le compteur
function monter() {
compteur += 1;
if ( compteur == (total_img + 1) ) {
compteur = 1;
}
document.vignette.src = "diaporama/visuel" + compteur + ".jpg";
document.formulaire.numero.value = compteur;
}

// La fonction pour faire descendre le compteur
function descendre() {
compteur += -1;
if ( compteur < 1 ) {
compteur = total_img;
}
document.vignette.src = "diaporama/visuel" + compteur + ".jpg";
document.formulaire.numero.value = compteur;
}

// La fonction de remise à zéro
function zero() {
document.vignette.src = "diaporama/visuel1.jpg";
compteur = 1;
document.formulaire.numero.value = compteur;
}
// La fonction de tirage aléatoire - Préciser le Nbre de photos
function imagealeatoire() {
i = Math.floor(3 * Math.random() + 1);
compteur = i;
document.vignette.src = "diaporama/visuel" + compteur + ".jpg";
document.formulaire.numero.value = compteur;
}
// Le bouton du défilement automatique
function ap(text) {
document.formulaire.slidebutton.value = (text == "Désactiver le défilement automatique" ) ? "Activer le défilement automatique" : "Désactiver le défilement automatique";
rotate();
}
// La fonction de défilement
function rotate() {
if (document.formulaire.slidebutton.value == "Désactiver le défilement automatique" ) {
compteur = (compteur == total_img) ? 1 : compteur+1;
document.vignette.src = "diaporama/visuel" + compteur + ".jpg";
document.formulaire.numero.value = compteur;
window.setTimeout("rotate()", timeDelay);
}
}
//</script>

ce code va avec un code html d'affichage bouton qui est:

<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td valign="middle" align="left">
<form name="formulaire">
<input type=button name="slidebutton" class="txtchapeau" onClick="ap(this.value);" value="Activer le défilement automatique" title="Toutes les 5 secondes."><br><br>
<input type="button" value="Retour au début" OnClick="zero();">
<input type="button" value="Précédent" OnClick="descendre();">
<input type="button" value="Suivant" OnClick="monter();">
<input type="button" value="Tirage aléatoire" OnClick="imagealeatoire();">
N° <input type="text" name="numero" size="3" value=""> / 215 images.<br><br>
<image src="diaporama/visuel1.jpg" name="vignette" border="0">
</form>
</td>
</tr>
</table>

les boutons s'affichent bien.Mais je ne vois aucune image défiler,je ne sais pas si j'ai bien suivi la procédure ou je me suis trompé.Car ce script vraisemblament marche bien sur des sites à en croire les gars du forum où je l'ai eu.Mais moi j'aimerais le faire fonctionner sur un site webdev.Mais aucune image n'apparait.
Quelqu'un a une astuce?

Cordialement

[rednight]

En général plutôt que de charger un .js je créais des procédures navigateur que je bascule en javascript.
Je sais pas si ça revient au même au final mais j'ai rarement eu des problèmes de cette manière la.

Puis pense à utiliser un outil de débogage pour le javascript, du style firebug pour Mozilla, ya un équivalent pour IE mais je te laisse chercher le nom, je m'en souvient plus.

[Target72]

As-tu regardé la vidéo sur le WebDesign faite par PC Soft ?
http://www.pcsoft.fr/windev/videos.htm#liste
Elle répond parfaitement à ton problème.

Cordialement.