prettyPhoto和fancybox弹出层插件对比

收藏

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

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 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'});