YXcms给图集内容页增加lightbox特效


很漂亮的特效,下面来讲一下如何给图集内容页增加lightbox特效
1、下一个lightbox特效代码(网上有很多不同样式的,根据自己喜欢下)
2、把js、css、images等样式文件夹复制到yxcms根目录
YXcms给图集内容页增加lightbox特效_第1张图片
3、打开photo_content.php,把js、css加载进去
(默认的模板用的也是一种特效,把原来的js和css删掉)
YXcms给图集内容页增加lightbox特效_第2张图片
4、调用所有图片的循环代码里<a  后面加上一句rel="sexylightbox"
(默认的模板用的也是一种特效,把原来的onClick="return hs.expand(this)"删掉)
修改后的代码如下
  1. {loop $photolist $vo}
  2.                 <li><A rel="sexylightbox" title="{$vo['tit']}" href="{$PhotoImgPath}{$vo['picture']}"><img width="145" height="110" alt="{$vo['tit']}" class="box" src="{$PhotoImgPath}thumb_{$vo['picture']}"></A><div class="highslide-caption">{$vo['tit']}</div></li>
  3.                 {/loop}
复制代码
前台刷新一下,点击图片,效果出来了
YXcms给图集内容页增加lightbox特效_第3张图片


你可能感兴趣的:(特效,lightbox,YXcms,图集)