onclick setAttribute href partir d'un crs

Je travaille sur un projet pour permuter les images miniatures pour agrandir l'image. lorsque la vignette est sélectionnée, et il fonctionne ok cependant, je voudrais maintenant les utilisateurs seront en mesure de cliquer sur l'image agrandie pour l'afficher en jquery.lightbox-0.5. Le problème est que, après la sélection de la vignette de l'image chargée n'a pas un href. J'espérais que je pourrais passer les images de la src aux href utilisant un événement onclick, mais je ne peux pas comprendre comment faire ce travail.

Voici mon code

<script type="text/javascript">
function swaphref(image) {

document.getElementById('image').setAttribute('href', this.src);
//window.alert(document.getElementById('image').src);
}
</script>

<body>
<div class="productimage" id="gallery"><a onclick="swaphref(this)"><img id="image" img src="product_images/<?php echo $targetID; ?>/<?php echo $targetID; ?>.jpg" width="253" height="378" border="0" /></a></div>

</body>
Pourquoi voulez-vous définir l'attribut "href" de l'élément "img"? L'intéressant est l'attribut "src", pas "href", sauf si je suis absent quelque chose à propos de la lightbox plugin.
parce que le onclick est sur la une, "cela fait référence à l'élément non l'image.
Si le travail suivant....
Si le travail suivant.... <script type="text/javascript"> function swaphref(image) { document.getElementById('image').setAttribute('src', cette.href); la fenêtre.alert(document.getElementById('image').src); la fenêtre.alert(document.getElementById('image').href); } </script> <body> <a ><img src="product_images/1.jpg" name="image" width="340" height="480" id="image" /></a> <p><a href="href.php" onclick="swaphref(this)">ajouter href</a></p> </body> je reçois pas défini sur le href modifier, pourquoi?

OriginalL'auteur Jason | 2011-06-13

  1. 3

    Ok. J'ai obtenu ce travail. Le " a " ne disposait pas d'un id.

    Voici le code.....

    <script type="text/javascript">
function swaphref(imagehref) {

document.getElementById('imagehref').setAttribute('href', image.src);

//window.alert(document.getElementById('image').src);
//window.alert(document.getElementById('imagehref').href);
}
</script>

<body>
<div class="productimage" id="gallery"><a href="#" id="imagehref"     onclick="swaphref(this)"><img id="image" img src="product_images/<?php echo $targetID; ?  >/<?php echo $targetID; ?>.jpg" width="253" height="378" border="0" /></a></div>

</body>

    Merci à tous ceux qui ont essayé de l'aider.

    OriginalL'auteur Jason

  2. 0

    Je pense que vous êtes confus au href et src attributs. En regardant ton code, je vois deux choses:

    document.getElementById('image').setAttribute('href', cette.src);
    //la fenêtre.alert(document.getElementById('image').src);

    De la configuration de l'image href attribut, ce qui devrait src, et votre src-attribut à partir du lien, qui devrait être href. La chose étrange est que l'exactitude de votre adresse dans la fenêtre.alerte

    Donc:

    document.getElementById('image').setAttribute('src', cette.href');
    de la fenêtre.alert(document.getElementById('image').src

    Devrait fonctionner.

    Désolé, je suis en manque une ligne de code commenté //la fenêtre.alert(document.getElementById('image').src);. À des fins de test pour voir si le href est changé sur le onclick. Je reçois pas défini comme un résultat.

    OriginalL'auteur Erik Rothoff

  3. 0
    var image = document.getElementById('image');
image.setAttribute('href', image.src);

    Devrait fonctionner.

    Non, ça ne fonctionne pas pour moi. J'ai toujours pas défini si j'utilise et alerte.

    OriginalL'auteur Pantelis

  4. 0

    modifier cette ligne 

    document.getElementById('image').setAttribute('href', this.src);

    de cette façon 

    document.getElementById('image').setAttribute('src', this.href);
    J'ai besoin de changer le href de la src à l'aide onclick.

    OriginalL'auteur Vivek