Php 单击fancybox图像库时的内部缩放图像

我正在为我的web应用程序使用

Jquery

HTML

我想在打开花式盒子图像库时，在我点击图像中心的时候，如果图像比盒子大，那么在花式盒子内部放大，在courser上移动移动图像

在我的代码中有4个图像。如果第二张和第三张图像大于方框，则显示标题“单击放大”，并在仅单击第二张和第三张图像时放大，而不是第一张和第四张图像

提前感谢您的重播

您应该喜欢

$（文档）.ready（函数（）{
$（“.fancybox”）.fancybox({
openEffect:'无'，
closeEffect:'无'，
后加载：函数（）{
this.title='点击放大'；
},
afterShow:function（）{
//$（.fancybox”）.zoom（{on:“click”}）；
}
});
});

fancybox打开后，我想进行内部缩放，然后单击打开的图像。我的意思是在内部放大fancybox，然后单击fancybox上的任意位置并在光标上移动。
$(".fancybox").fancybox({
  openEffect    : 'none',
  closeEffect   : 'none',
  afterLoad :function() {
    this.title = 'Click to Enlarge';
  },
  afterShow :function() {
    $(".fancybox").zoom({on:"click"});
  }
});

<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
<link href="http://fancyapps.com/fancybox/source/jquery.fancybox.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<a class="fancybox" rel="gallery1" href="http://farm1.staticflickr.com/313/19831416459_5ddd26103e_b.jpg" title="Sgwd Ddwli Uchaf, Brecon Waterfalls (technodean2000)">
    <img src="http://farm1.staticflickr.com/313/19831416459_5ddd26103e_m.jpg" alt="" />
</a>
<a class="fancybox" rel="gallery1" href="http://farm6.staticflickr.com/5444/17679973232_568353a624_b.jpg" title="Golden Manarola (Sanjeev Deo)">
    <img src="http://farm6.staticflickr.com/5444/17679973232_568353a624_m.jpg" alt="" />
</a>
<a class="fancybox" rel="gallery1" href="http://farm8.staticflickr.com/7367/16426879675_e32ac817a8_b.jpg" title="Codirosso spazzacamino (Massimo Greco _Foligno)">
    <img src="http://farm8.staticflickr.com/7367/16426879675_e32ac817a8_m.jpg" alt="" />
</a>
<a class="fancybox" rel="gallery1" href="http://farm6.staticflickr.com/5612/15344856989_449794889d_b.jpg" title="Morning Twilight (Jose Hamra Images)">
    <img src="http://farm6.staticflickr.com/5612/15344856989_449794889d_m.jpg" alt="" />
</a>