在脚本中更改图像答案

【问题标题】：Change image in script在脚本中更改图像
【发布时间】：2016-12-21 11:14:01
【问题描述】：

我正在尝试使用功能来缩放图像。我找到了我想要的脚本。

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

我可以用类似的方法获取元素吗？

【问题讨论】：

更改大图是什么意思？
我有一个 onclick 脚本的链接，它改变了小图像，但大图像在上面的脚本中定义。有什么办法可以同时改变那将是什么？
你在使用缩放插件吗？？
我想是的。你需要那个吗？我希望有一种简单的方法可以访问大图像
stackoverflow.com/q/15351848/3407923 可能有用

标签： javascript jquery html css

【解决方案1】：

使用我以前使用过的一些插件，我能够做到以下几点：

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

这可能有效，也可能无效，但没有插件，值得一试。

【讨论】：

如果我发布一个指向我找到脚本的页面的链接会有帮助吗？看起来它应该工作，但它没有。我需要在 onclick 中做些什么才能让它运行 jQuery 而不是 JavaScript？

【解决方案2】：

这似乎有效：

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

使用这种方法会不会有什么问题？

【讨论】：