不能定位在

Question

頁

特定元素我使用兩個插件：gallerific和彼此後續工作確定，直到我努力的目標從圖庫中的特定元素powerzoomer。

的powerzoomer初始化像這樣和適用於各種圖像（例如here）：

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

但是，如果我嘗試目標從大預覽（如在this example）的IMG它不工作。我不喜歡這樣寫道：

$('#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（文檔）初始化。就緒這意味着如果代碼在文檔元素內發生更改，則不會應用此插件的任何屬性。

總結：你有什麼想法，我怎樣才能使得powerzoomer爲畫廊的大圖像工作？

EDIT（溶液）：

創建庫jquery.galleriffic.js在線633在該文件中出現導致包含我被定位在圖像的新的幻燈片新的功能：

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] 
})