Javascriptズームイン/アウトオーバーレイで2番目の画像の負荷で動作しません

Question

画像の完全なプレビューを表示するオーバーレイとズームイン/アウトのボタンと戻るボタンを表示するいくつかのJavaScriptを持っています。

ズームイン/アウトトグルがうまく動作しますが、サムネイルに戻って別の画像を起動すると、ズームイン/アウトが機能しません。

DOMツリー構造は、このようなものです：
overlay(**parent**) >> imgContainer >> imgCanvas(draggable) >> img

は、いくつかのコードであってもよい私の場合に役立つだろう。誰かが私がここで間違っているかもしれないことを教えてもらえますか？

//enables the zoom-in/zoom-out toggle function 
     $('#Zoom').toggle(function() { 
       img.removeAttribute("height"); 
       $("#draggable").draggable();     
       iconZ.setAttribute("src", "nav/nav-zoom-out.gif"); 
      },    
      function() { 
       img.setAttribute("height", "270px"); 
       $("#draggable").draggable('destroy'); 
       $("#draggable").animate(
       { "left": $("#draggable").data("Left"), "top": $("#draggable").data("Top")}, "slow"); 
       iconZ.setAttribute("src", "nav/nav-zoom.gif"); 
       }); 

     //navigates back to the thumbnails 
     home.addEventListener('click', function() { 


      $('imgCanvas').remove(); 
      imgContainer.removeChild(imgCanvas); 
      overlay.removeChild(imgContainer); 

      $('#overlay').removeClass("on"); 
      } 
      , false); 

Answer 1

イメージを置いているページのセクションのように見えますが、あなたはそれらを隠すことを意味すると思います。