猿记录

一个记录、分享的博客

您的位置:主页 > 技术专栏 > javascript >

jquery.fancybox 大图查看器

2017-10-27 10:07:07 作者:yxl 次阅读 javascript

1、引入需要的js和css
2、给图片添加类似以下的html
    <a class="fancybox" href="img/p1.jpg" title="图片1">
                            <img alt="image" src="img/p_big1.jpg" />
    </a>
   a标签的href就是大图的路径  
3、然后添加初始化

  $(document).ready(function(){$(".fancybox").fancybox({openEffect:"none",closeEffect:"none"})});


大概的效果如下

 


凡本站注明“本站”或“投稿”的所有文章,版权均属于本站或投稿人,未经本站授权不得转载、摘编或利用其它方式使用上述作品。

编辑:yxl 关键词:
0

网友评论