更改腳本中的圖像

我正在嘗試使用函數在圖像上使用縮放。我找到了我想要的腳本。更改腳本中的圖像

$('#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>

我能做的就是在這裏改變圖像。我可以使用getElementsByClassName來更改我是否可以訪問div和它們之後的圖像。在CSS中，你可以使用

.this_table tr td

我可以這樣的東西會getElementsByClassName嗎？

來源

2016-12-21 Richard Young

你是什麼意思_改變largeimage_？ – Satpal

我有一個onclick腳本的鏈接，它改變了小圖像，但大圖像在上面的腳本中定義。有什麼方法可以改變同一時間？ –

你使用插件進行縮放嗎？ – mrid

這似乎工作：

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

是否有likly是使用這種方法的任何問題？

來源

2016-12-21 15:46:52

有了，我是用我能做到以下幾點以前的一些插件：

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

這可能會或可能無法正常工作，但沒有插頭，這是值得一試。

來源

2016-12-21 13:38:53

如果我發佈了一個鏈接到我找到腳本的頁面，它會有幫助嗎？看起來它應該工作，但它沒有。有沒有什麼特別的我需要做的onclick讓它運行jQuery而不是JavaScript？ –

更改腳本中的圖像

回答

相關問題