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
相關文章
相關標籤/搜索