3

サムネイルが選択されているときにサムネイル画像を大きな画像に交換するプロジェクトに取り組んでおり、正常に動作していますが、エンドユーザーが大きな画像をクリックして jquery.lightbox に表示できるようにしたいと考えています。 0.5。問題は、サムネイルを選択した後、読み込まれた画像に href がないことです。onclick イベントを使用して画像 src を href に渡すことができることを望んでいましたが、これを機能させる方法がわかりません。

これが私のコードです

<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>
4

4 に答える 4

3

Ok。私はこれを機能させました。「a」に ID がありませんでした。

これがコードです.....

<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>

助けようとしたすべての人に感謝します。

于 2011-06-14T14:30:31.397 に答える
0

この行を変更

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

このように 

document.getElementById('image').setAttribute('src', this.href);
于 2011-06-13T12:15:32.730 に答える
0

hrefとsrc属性を混同していると思います。あなたのコードを見ると、次の 2 つのことがわかります。

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

画像の href 属性 (src である必要があります) を設定し、リンクから src 属性 (href である必要があります) を取得しています。奇妙なことは、window.alert で正しいことです。

そう：

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

動作するはずです。

于 2011-06-13T12:10:12.570 に答える
0 
var image = document.getElementById('image');
image.setAttribute('href', image.src);

動作するはずです。

于 2011-06-13T12:12:41.417 に答える