prettyPhoto和fancybox弹出层插件对比

收藏

prettyPhoto是一款类似fancybox的强大弹出层插件，它支持图片、图文混搭、视频、iframe等形式展开播放。fancybox弹出层演示地址：http://www.erdangjiade.com/js/45.html

1、请不要问“在不在”之类的问题，有问题直接问！2、学生或暂时没有工作的童鞋，99元整站资源免费下载！3、充值VIP会员,整站资源无任何限制下载！5、程序员加油，交流群：368848856 在线 充值

查看演示 下载资源： 136 次

关注微信号获取此Demo视频教程：

下载资源 下载积分： 30 积分

prettyPhoto的两个重要属性：a标签href和rel属性

<ul class="gallery clearfix">
    <li><a href="#inline_demo" rel="prettyPhoto[inline]">Inline content 1</a></li>
    <li><a href="#inline_demo2" rel="prettyPhoto[inline]">Inline content 2</a></li>
    <li><a href="#inline_demo3" rel="prettyPhoto[inline]">Inline content 3</a></li>
</ul>

rel调用href里的id

$(".gallery a[rel^='prettyPhoto']").prettyPhoto({theme: 'dark_square'});