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


很漂亮的特效,下面来说一下如何给图集内容页增长lightbox特效
一、下一个lightbox特效代码(网上有不少不一样样式的,根据本身喜欢下)
二、把js、css、images等样式文件夹复制到yxcms根目录
未命名.jpg
三、打开photo_content.php,把js、css加载进去
(默认的模板用的也是一种特效,把原来的js和css删掉)
未命名.jpg
四、调用全部图片的循环代码里<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}
复制代码
前台刷新一下,点击图片,效果出来了
未命名.jpg
相关文章
相关标签/搜索