我正在尝试使用一种功能来对图像进行缩放。我找到了满足我需求的脚本。

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


我想做的是使用onclick事件更改图像。我可以更改小图像。有谁知道使用此代码是否可以更改largeimage?

脚本生成的代码如下所示:

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

最佳答案

使用一些以前使用过的插件,我可以执行以下操作:

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


这可能会或可能不会,但是如果没有插件,则值得尝试。

10-05 20:53
查看更多