Problème javascript?

Résolu
Evanne -  
 OlgarK -
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

OlgarK
 
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
Evanne
 
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
OlgarK
 
Peux-tu essayer d'ajouter l'id mainpic comme ceci dans ta première balise img :
name="mainpic" id="mainpic"
0
Evanne
 
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
 
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
 
non, désolée, ça ne change rien...
0
OlgarK
 
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
Evanne
 
ça marche!
un grand merci pour ton aide précieuse!!
bonne journée:))
0
OlgarK
 
Désolé pour les étapes successives :)
0
Evanne
 
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
OlgarK
 
Les id doivent être uniques sur une même page web.
0
Evanne
 
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
 
Ca devient un peu abstrait, je crains de ne pouvoir t'aider plus avant sans voir de mes yeux l'ensemble :)
0
Evanne > OlgarK
 
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
OlgarK
 
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
Evanne
 
merci pour ta réponse je vais tenter le coup, et mille excuses d'avoir insisté!
thanks
0
OlgarK > Evanne
 
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