我正在尝试使用一种功能来对图像进行缩放。我找到了满足我需求的脚本。
$('#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";
这可能会或可能不会,但是如果没有插件,则值得尝试。