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

2019独角兽企业重金招聘Python工程师标准>>>

很漂亮的特效，下面来讲一下如何给图集内容页增加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)"删掉）
修改后的代码如下

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}

复制代码

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

转载于:https://my.oschina.net/u/1165205/blog/136531