Javascriptは変数を変更しないでください

Question

大きな画像にimagezoomを持つギャラリー機能があります。 大きな画像が変更され、ズーム機能を有効にするためにクリックすると、古い画像が表示されます。 変数はJavaScriptで変更されていないと思いますか？

<script type="text/javascript"> 
function change_img(imgurl) { 
    image = document.getElementById('preview'); 
    image.src = imgurl 
    imageURL = imgurl 
} 
$(document).ready(function(){ 
    var imageURL = document.getElementById('preview').src; 

$('#ex3').click(function() { 
    var imageURL = document.getElementById('preview').src 
    $('#ex3') 
     .zoom({ on:'click', magnify:1.8, url:imageURL }) 
     .wrap('<span style="display:inline-block"></span>') 
     .css('display', 'block'); 
}) 
}); 

EDIT：サムネイルが作成されます この方法：それは "：imageURLにURL" に変更されたパスでなければなりません

<span class='zoom' id='ex3'> 
    <img id="preview" name="preview" src="default.jpg" border="0" align="center"/> 
    <span class="zoom-btn"></span> 
</span> 
<!-- BEGIN thumbs --> 
    <div class="thumbnails"> 
     <img id="thumbimg" onclick="change_img('{PATH}/{thumbs.ID}')" name="img" src="{PATH}/{thumbs.ID}" alt="" /> 
    </div> 
<!-- END thumbs --> 

javascriptの.zoomで。 誰かがimageURLで実際のパスを取得する方法を知っていますか？

Answer 1

EDIT：これは機能しますか？ - このズーム機能が画像のソースを変更するかどうかは正直に分かりません。そうでない場合は、ここから変更するのはかなり簡単です。検索から、あなたが使用している可能性のあるもののように見えました。

<span class='zoom' id='ex3' data-src="changedimg.jpg"> 
    <img id="preview" name="preview" src="default.jpg" border="0" align="center"/> 
    <span class="zoom-btn"></span> 
</span> 

<script type="text/javascript"> 
$(document).ready(function(){ 

    $('#ex3').click(function() { 
     var newURL = this.data('src') 
     $('#ex3') 
      .zoom({ on:'click', magnify:1.8, url: newURL }) 
      .wrap('<span style="display:inline-block"></span>') 
      .css('display', 'block'); 
    }) 
}); 
</script>