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