Question

我正在使用2个插件： gallerific 和 powerzoomer 在我尝试定位特定元素之前可以正常工作来自画廊。

powerzoomer像这样初始化并适用于各种图像（例如here）：

$('img').addpowerzoom({
defaultpower: 2,
powerrange: [2,0],
largeimage: null,
magnifiersize: [150,150]
})

但是，如果我尝试从大预览中定位img（例如在this example中），它就无法正常工作。我是这样做的：

$('#slideshow img').addpowerzoom({
defaultpower: 2,
powerrange: [2,0],
largeimage: null,
magnifiersize: [150,150]
})

gallerific 插件创建初始化代码，如下所示：

<div id="slideshow" class="slideshow">
<span class="image-wrapper current" style="opacity: 1; ">
<a class="advance-link" rel="history" href="#img4" title="your image title">&nbsp;
<img alt="your image title" src="images/image(3).jpg">
</a>
</span>
</div>

但是我知道powerzoomer在 jQuery（document）.ready 上初始化，这意味着如果代码在元素内部被更改，它将不会应用此插件的任何属性。文献。

总结：您是否知道如何让强力师为画廊中的大图像工作？

编辑（解决方案）：

在第633行创建图库 jquery.galleriffic.js 的文件中，有一个新功能可以创建包含我所定位图像的新幻灯片：

newSlide.find('a')
.append(imageData.image)
.click(function(e) {
gallery.clickHandler(e, this);
});

在此之后我添加了：

newSlide.find('img').addpowerzoom({
defaultpower: 2,
powerrange: [2,0],
largeimage: null,
magnifiersize: [150,150]
})

创建我需要的东西：将缩放插件添加到主图像。

Answer 1

我看了一下powerzoomer js ......它直接扫描图像。因此，如果你想让它适用于大图像。尝试使用

$('#slideshow').find('img').addpowerzoom({
defaultpower: 2,
powerrange: [2,0],
largeimage: null,
magnifiersize: [150,150]
})

无法定位页面中的特定元素

1 个答案: