Problème javascript?

Résolu/Fermé
Evanne - 20 nov. 2008 à 14:08
 OlgarK - 20 nov. 2008 à 16:34
Bonjour,
J'ai copié sur le site le code java un diaporama tout simple, mais il ne marche pas, voici le code:
<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);

ns3up = (browserName == "Netscape" && browserVer >= 3);
ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);

function doPic(imgName) {
if (ns3up || ie4up) {
imgOn = ("" + imgName);
document.mainpic.src = imgOn;
}
}
// End -->
</script>

<table width=360 border=0 cellspacing=0 cellpadding=0>
<tr>
<td colspan=4 align=center><img name="mainpic"src="P1000735_360.jpg" alt="img" width="365" height="247"></td>
</tr>
<tr>
<td><a href="javascript:doPic('P1000735_360.jpg');"><img src="P1000735_90.jpg" alt="img" width="90" height="62" border=0></a></td>
<td><a href="javascript:doPic('Lifting-2_360.jpg');"><img src="Lifting-2_360.jpg" alt="img" width="90" height="62" border=0></a></td>
<td><a href="javascript:doPic('DSC00987_360.JPG');"><img src="DSC00987_90.JPG" alt="img" width="90" height="62" border=0></a></td>
<td><a href="javascript:doPic('IMG_0372_360.JPG');"><img src="IMG_0372_90.JPG" alt="img" width="90" height="62" border=0></a></td>
<td> </td>
</tr>
</table>

je tourne en rond, si quelqu'un a la gentillesse de me dépanner merci:))

6 réponses

Je suppose que tu as fait un copier/coller.

Je vois dans l'immédiat ça :
<td colspan=4 align=center><img name="mainpic"src="P1000735_360.jpg" alt="img" width="365" height="247"></td>

Mets un espace avant 'src'.
0
merci pour la réponse, mais ça ne change rien...

j'ai pris le code là http://www.lecodejava.com/javaaemailsanspam.html (galerie photo)
Quand je regarde le code de la pge du site, il me semble que c'est le même code pourtant.
0
Peux-tu essayer d'ajouter l'id mainpic comme ceci dans ta première balise img :
name="mainpic" id="mainpic"
0
comme ça?

<td><a href="javascript:doPic('P1000735_360.jpg');"><img src="name="mainpic" id="mainpic"P1000735_90.jpg" alt="img" width="90" height="62" border=0></a></td>

ça ne fait rien...
0
OlgarK > Evanne
20 nov. 2008 à 14:40
Non, je parle du tout premier.


<td colspan=4 align=center><img id="mainpic" name="mainpic" src="P1000735_360.jpg" alt="img" width="365" height="247"></td>
0
Evanne > OlgarK
20 nov. 2008 à 14:49
non, désolée, ça ne change rien...
0
Tu ajoutes la modif suivante aux modifs déjà mentionnées plus haut.

Tu remplaces la ligne : document.mainpic.src = imgOn;
par : document.getElementById('mainpic').src = imgOn;
0
ça marche!
un grand merci pour ton aide précieuse!!
bonne journée:))
0
Désolé pour les étapes successives :)
0
rebelote...tout marche bien pour un seul tableau de diapos, mais si je veux en faire un 2d dans la même page, faut-il que je numérote les" mainpic" pour qu'ils n'interfèrent pas entre eux?
en l'état actuel , les miniatures du 2d tableau s'affichent en gros dans le 1er tableau::((
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Les id doivent être uniques sur une même page web.
0
c'est vrai...alors je vais contourner le problème en mettant les miniatures en lignes les unes en dessous des autres
Avec du texte explicatif entre elles, ça ne va pas être aussi beau que je le pensais,

sinon on pourrait faire intervenir les class?
0
OlgarK > Evanne
20 nov. 2008 à 16:20
Ca devient un peu abstrait, je crains de ne pouvoir t'aider plus avant sans voir de mes yeux l'ensemble :)
0
Evanne > OlgarK
20 nov. 2008 à 16:23
voilà la page concernée, comme ça tu verras ce que j'avais prévu
http://jacquin.sophie.free.fr//&/MITCHARTERING/roro_lolo_floflo.htm
0
Voici des pistes simples, mais je ne développe pas.

La première "grande" image tu lui donnes par exemple l'id "gdeimage1".
La seconde "gdeimage2", etc...

Dans le premier groupe d'images, quand on clickes sur une miniature, il faut qu'on appelles une fonction javascript avec 2 paramètres : nomImage et numeroCible.

La fonction en question pourrait être :


function doPic(imgName, numeroCible) {
document.getElementById('gdeimage'+numeroCible).src = imgName;
}
}
0
merci pour ta réponse je vais tenter le coup, et mille excuses d'avoir insisté!
thanks
0
OlgarK > Evanne
20 nov. 2008 à 16:34
C'est fait pour ça, j'espère surtout que tu as compris le principe global qui te permettra d'aller jusqu'au bout.
N'hésite pas à redemander de l'aide ;)
0