나는이 플러그인을 사용하고 페이지

Question

의 특정 요소를 타겟팅 할 수 없습니다.

powerzoomer은 다음과 같이 초기화하고 다양한 이미지 (예를 here) 작동 : 나는 (this example에서와 같은) 큰 미리보기에서 IMG을 대상으로하려고하면

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

그러나이 작동하지 않습니다. 나는 이런 식으로 작업을 수행합니다

나는 powerzoomer이 jQuery를 (문서)에 초기화 이해하지만

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

이을 .ready :

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

gallerific 플러그인은 다음과 같습니다 초기화 코드에 생성 이는 코드가 문서 요소 내에서 변경된 경우이 플러그인의 속성을 적용하지 않을 것임을 의미합니다.

다음과 같이 결론 짓습니다. 갤러리의 큰 이미지를 위해 파워 디자이너를 어떻게 작동시킬 수 있습니까?

EDIT (용액)

갤러리를 jquery.galleriffic.js 라인 633에을 생성하는 파일 I 타겟팅 된 이미지를 포함하는 새로운 슬라이드를 생성하는 새로운 기능이있다 이 후

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