Jqzoom에서 축소판 제목을 표시하는 방법

Question

magiczoom 대신 jqzoom 갤러리 응용 프로그램을 사용하고 싶습니다. 두 가지 문제점이 있습니다 :

1. Jqzoom은 모든 줌에서 동일한 제목을 표시합니다. 확대/축소 된 큰 이미지 상단에 축소판 제목을 표시하고 싶습니다. 어떻게해야합니까?
2. magiczoom 응용 프로그램에는 작은 돋보기 이미지와 중간 크기 (확대) 이미지 위에 "확대/축소"텍스트가 있습니다. jqzoom에서 어떻게 알 수 있습니까?

Answer 1

여러 개의 작은 이미지로 확대하는 몇 가지 요소가 있다면 당신이 그것을 제대로 이미지를 표시 할 수 있도록 각 그룹에 "rel"atribute 이름을 가지고

<a href="images/bora/bora1_lrg.jpg" class="jqzoom" rel='gal1' title="BORA"> 
    <img src="images/bora/bora1_md.jpg" title="BORA" style="border: 5px solid #666;"> 
</a> 
<br/> 
<a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: './images/bora/bora1_md.jpg',largeimage: './images/bora/bora1_lrg.jpg'}"><img src='images/bora/bora1_th.jpg'></a> 
<a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: './images/bora/bora2_md.jpg',largeimage: './images/bora/bora2_lrg.jpg'}"><img src='images/bora/bora2_th.jpg'></a> 
<a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: './images/bora/bora3_md.jpg',largeimage: './images/bora/bora3_lrg.jpg'}"><img src='images/bora/bora3_th.jpg'></a> 
<a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: './images/bora/bora4_md.jpg',largeimage: './images/bora/bora4_lrg.jpg'}"><img src='images/bora/bora4_th.jpg'></a> 
</div> 
<div class="example_column2" align="center"> 
    <a href="images/bora/bora5_lrg.jpg" class="jqzoom" rel='gal2' title="BORA"> 
    <img src="images/bora/bora5_md.jpg" title="BORA" style="border: 5px solid #666;"> 
    </a> 
    <br/> 
    <a href='javascript:void(0);' rel="{gallery: 'gal2', smallimage: './images/bora/bora5_md.jpg',largeimage: './images/bora/bora5_lrg.jpg'}"><img src='images/bora/bora5_th.jpg'></a> 
    <a href='javascript:void(0);' rel="{gallery: 'gal2', smallimage: './images/bora/bora6_md.jpg',largeimage: './images/bora/bora6_lrg.jpg'}"><img src='images/bora/bora6_th.jpg'></a> 
    <a href='javascript:void(0);' rel="{gallery: 'gal2', smallimage: './images/bora/bora7_md.jpg',largeimage: './images/bora/bora3_lrg.jpg'}"><img src='images/bora/bora7_th.jpg'></a> 
    <a href='javascript:void(0);' rel="{gallery: 'gal2', smallimage: './images/bora/bora7_md.jpg',largeimage: './images/bora/bora4_lrg.jpg'}"><img src='images/bora/bora7_th.jpg'></a> 
</div> 

을