이미지 갤러리 플러그인을 이미지 확대 기능 플러그인과 통합

Question

나는이 사이트가 포인트 시스템에서 작동한다는 것을 알고 있으므로, 나는 시작한 개발자이며이 사이트를 처음 사용한다고 강조하고 싶습니다. 제발 잘해!

저는 달성하고자하는 것을 개발하는 데 약간의 문제가 있습니다. 저는 이것이 아마도 HTML 문제라고 생각합니다. 나는 이미지 줌 기능인 두 개의 플러그인을 다운로드했고 다른 하나는 미리보기 이미지가있는 이미지 갤러리입니다.

내가 직면 한 과제는 두 기능이 모두 필요하기 때문에 두 가지 기능을 통합하는 것입니다.이 두 가지 스크립트를 병합하는 "깔끔한"방법을 찾을 수 없습니다. 이 두 스크립트를 어떻게 병합 할 수 있는지 알고있는 사람이 있습니까? 그것은 난 후 라이트 박스 효과 아니다 "썸네일 HTML

<a class="thumb" href="css/product-gallery/item1.jpg" title="Title #0"><img src="css/thumbnails/thumb2.jpg"/></a> 

Click here for Image zoom code

PS와

가

이미지 줌 HTML

 <a class="zoom" href="css/product-gallery/item1.jpg"><img class="product-gallery" src="css/product-gallery/item1.jpg" alt="img1"></a> 

이미지 갤러리, 그것은 ECOM 이미지 줌 기능을 더 나는 뒤에있다 "

Answer 1

그들 모두를 가지고있다. (라이트 박스 zoom + on hov 어 줌)은별로 의미가 없습니다. 하나를 선택하고 함께 가야합니다. 라이트 박스는 사용하기가 쉽고 내가 원하는 것을 정확하게 할 것입니다. 빠른 작은 예 : -

<script type="text/javascript"> 
$(function() { 
    $('#imageGallery a').lightBox(); 
}); 
</script> 

<div id="imageGallery"> 
    <a href="image-you-want-to-zoom"><img src="thumbnail-image" /></a> 
</div> 

는 '라이트 박스 같은'기능을 사용하면 한 후,이 같은 시도하고 무엇을하지 않은 경우 :

http://www.jacklmoore.com/zoom

을 그리고 몇 가지 빠른 모형에 대한 액션에서 그것의 코드 :

http://jsfiddle.net/jquerybyexample/cvjsN/