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

很漂亮的特效，下面来讲一下如何给图集内容页增加lightbox特效

1、下一个lightbox特效代码（网上有很多不同样式的，根据自己喜欢下）

2、把js、css、images等样式文件夹复制到yxcms根目录



3、打开photo_content.php，把js、css加载进去

（默认的模板用的也是一种特效，把原来的js和css删掉）



4、调用所有图片的循环代码里<a 后面加上一句rel="sexylightbox"

（默认的模板用的也是一种特效，把原来的onClick="return hs.expand(this)"删掉）

修改后的代码如下

{loop $photolist $vo}

<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>

{/loop}

复制代码
前台刷新一下，点击图片，效果出来了