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:))
Configuration: Windows XP
Firefox 3.0.4

6 réponses

  1. 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
    1. 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
  2. OlgarK
     
    Peux-tu essayer d'ajouter l'id mainpic comme ceci dans ta première balise img :
    name="mainpic" id="mainpic"
    0
    1. 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
      1. 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
      2. Evanne > OlgarK
         
        non, désolée, ça ne change rien...
        0
  3. 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
    1. Evanne
       
      ça marche!
      un grand merci pour ton aide précieuse!!
      bonne journée:))
      0
  4. OlgarK
     
    Désolé pour les étapes successives :)
    0
    1. 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
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. OlgarK
     
    Les id doivent être uniques sur une même page web.
    0
    1. 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
      1. OlgarK > Evanne
         
        Ca devient un peu abstrait, je crains de ne pouvoir t'aider plus avant sans voir de mes yeux l'ensemble :)
        0
      2. 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
  7. 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
    1. Evanne
       
      merci pour ta réponse je vais tenter le coup, et mille excuses d'avoir insisté!
      thanks
      0
      1. 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