fancybox相关知识

最新推荐文章于 2021-06-23 01:21:00 发布

ZHA0KAl

最新推荐文章于 2021-06-23 01:21:00 发布

阅读量881

点赞数

分类专栏： js 文章标签： function class 2010

本文链接：https://blog.csdn.net/LF_Software_Studio/article/details/7956036

版权

js 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

参考网站：http://imluren.com/2010/12/fancybox.html/comment-page-1

http://www.iteye.com/topic/1125770

图片弹出框变大是因为弹出后的图片是原来图片放大后的另一张图片，不是同一种

弹出图片并且能根据键盘或者鼠标移动到下一张图片页面：

JS：

$("a[rel=example_group]").fancybox({

           'transitionIn' : 'elastic',
           'transitionOut' : 'elastic',
           'titlePosition' : 'over',
           'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
           return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? '   ' + title : '') + '</span>';
           }
           });