0

magiczoomの代わりにjqzoomギャラリーアプリケーションを使用したい。私には2つの問題があります：

  1. Jqzoomは、すべてのズームで同じタイトルを表示します。ズームした大きな画像の上部にサムネイルのタイトルを表示したい。これどうやってするの？
  2. magiczoomアプリケーションでは、小さな虫眼鏡画像と中サイズ（ズーム対象）画像の上部に「ズーム」テキストがあります。jqzoomでどうやってそれを実現できますか？
4

1 に答える 1

1

複数のサムネイルでズームする要素が複数ある場合はrel、画像を適切に表示できるように、各グループに「」属性を指定する必要があります。

<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>
于 2012-07-10T06:20:01.377 に答える