スクリプト内の画像を変更する

Question

画像をズームする機能を使用しようとしています。私が望むことをするスクリプトを見つけました。

$('#image1').addimagezoom({ // single image zoom 
    zoomrange: [3, 10], 
    magnifiersize: [300,300], 
    magnifierpos: 'right', 
    cursorshade: true, 
    largeimage: 'hayden.jpg' //<-- No comma after last option! 
}) 

私がしたいことは、onclickイベントを使用してイメージを変更することです。私は小さな画像を変更することができます。誰もこのコードを使用して大規模な画像を変更することが可能です知っていますか？

スクリプトが生成するコードは次のようになります。私は何ができるか

<div class="magnifyarea featuredimagezoomerhidden" style="position: absolute; z-index: 0; width: 300px; height: 300px; left: 624px; top: 444.75px; visibility: visible; overflow: hidden; border: 1px solid black; display: none;"> 
      <div style="position: relative; left: -393px; top: -231px; z-index: 0;"> 
       <img src="hayden.jpg" style="width: 945px; height: 531px;"> 
      </div> 
    </div> 

は、ここで画像を変更することです。私はdivとそれらの後の画像にアクセスできる場合、私は変更するgetElementsByClassNameを使用することができます。 CSSで使用することができます

.this_table tr td 

getElementsByClassNameのようなものがありますか？私は次の操作を行うことができました使用していた以前のいくつかのプラグインで

Answer 1

これは動作するようです：

document.querySelector('.magnifyarea div img').src='large_img.jph'" 

は、このメソッドを使用して任意の問題であることがliklyありますか？

Answer 2

：

$('#image1').addimagezoom().largeimage = "myimagescr"; 

これは、または動作しない可能性がありますが、プラグインなしで、それは試してみる価値はあります。