Diaporama en javascript ne fonctionne pas

par **Cyrano** » 02 sept. 2011, 23:58

Dites, vous connaissez Firebug ? ça aide quand même pas mal et ça permettrait que vous trouviez les 3/4 des réponses comme des grands et vous auriez des questions plus pointues qui vaudraient réellement la peine qu'on se penche dessus, Là, nous balancer 150 ou 200 ou même 1000 lignes de code, ça veut simplement dire « C'est quelque part là-dedans mais je ne sais pas où chercher »

S'il vous plait, faites donc un tout petit effort de réflexion, la programmation, que ce soit en PHP, en JavaScript, ou n'importe quel langage de programmation, c'est d'abord et avant tout de la logique élémentaire, on atomise un problème complexe en petits problèmes à réponse binaire et on avance comme ça, parce que les machines fonctionnent aussi en binaire et que c'est la seule manière actuellement utilisable pour programmer.

par **moxaline** » 02 sept. 2011, 16:41

Pfff, il doit y avoir un élément de base manquant...

Je viens de tester la solution présentée ici : http://smoothgallery.jondesign.net/getting-started/
Basée sur CSS et Javascript, c'est déjà mieux comme code...

Sauf que j'obtiens une page qui affiche gentiment mes photos avec chaque fois la vignette et aucune activité javascript

Et mes navigateurs sont configurés pour accepter le javascript...

par **moxaline** » 02 sept. 2011, 14:33

Bonjour,
Disons le tout de suite : je ne connais pas le javascript (mais comme j'ai un passé informatique, je peux en comprendre la logique)
J'essaye de créer un album photo, l'idéal serait un affichage de vignettes et un diaporama.

J'ai testé Visual Slideshow et si le résultat affiché me convient assez bien, le fatras de code qui traîne derrière m'est assez incompréhensible (en plus, il affiche visualslideshow.com partout et quand j'ai essayé de "nettoyer" cela, plus rien ne fonctionnait, évidemment)

J'ai testé du code trouvé sur internet qui permet d'afficher un diaporama mais là, il ne semble pas fonctionner. Il doit manquer quelque chose mais quoi?
Accessoirement, cette combinaison de tableau et formulaire me semble peu élégante (enfin, plutôt ancienne)

fichier html :

Code : Tout sélectionner

<head> (...)
<script type="text/javascript" src="js/diaporama.js"></script>
</head>

<body>
(...)
<form name=slideform>
<table cellspacing=1 cellpadding=4 bgcolor="#000000">
<tr>
              <td align=center> <b>diapos</b>
              </td>
</tr>
<tr>
<td align=center bgcolor="white" width=200 height=250>
<img src="photos/chantier_conakry/conakry6.png" name="show">
</td>
</tr>
<tr>
<td align=center>
<select name="slide" onChange="change();">
<option value="photos/chantier_conakry/conakry1.png" selected>N°1
<option value="photos/chantier_conakry/conakry2.png">N°2
<option value="photos/chantier_conakry/conakry3.png">N°3
<option value="photos/chantier_conakry/conakry3b.png">N°4
<option value="photos/chantier_conakry/conakry4.png">N°5
<option value="photos/chantier_conakry/conakry5.png">N°6
<option value="photos/chantier_conakry/conakry6.png">N°7

</select>
</td>
</tr>
<tr>
<td align=center>
<input type=button onClick="first();" value="|<<" title="Début">
<input type=button onClick="previous();" value="<<" title="Prédédente">
<input type=button name="slidebutton" onClick="ap(this.value);" 

value="Start" title="AutoPlay">
<input type=button onClick="next();" value=">>" title="Suivante">
<input type=button onClick="last();" value=">>|" title="Fin">
</td>
</tr>
</table>
</form>

fichier javascript :

Code : Tout sélectionner

// JavaScript Document
<SCRIPT LANGUAGE="JavaScript">
var rotate_delay = 5000;
current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
   }
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
   }
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == "Stop") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
   }
}
//  End -->
</script>

J'ai juste la photo choisie par défaut qui s'affiche mais aucune action javascript ne se déclenche.
Quand je vérifie le code source de ma page dans le navigateur, je peux atteindre le fichier javascript et les photos.
Ce code est-il correct?
Dois-je indiquer quelque chose en plus pour permettre l'exécution du javascript?

Si vous avez quelque chose de mieux à me proposer, n'hésitez pas!

J'ai aussi testé la solution dewslider (alsacréations) mais là aussi, rien ne s'exécute (c'est du flash alors je vais aller poser ma question dans la bonne section du forum)

Merci
Moxaline

Diaporama en javascript ne fonctionne pas

Répondre

Étendre la vue Revue du sujet : Diaporama en javascript ne fonctionne pas

Re: Diaporama en javascript ne fonctionne pas

Re: Diaporama en javascript ne fonctionne pas

Diaporama en javascript ne fonctionne pas