Question

dede图集列表页怎么使用lightbox

Answer 1

1.注意把原来官方默认模板中引入的的 j.js 替换成
<script type="text/javascript" src=" "></script>
然后继续加入
<script>$(document).ready(function(){$(".lightbox").lightbox();});</script>
2.以下代码意思是 读出栏目id为13的带有缩略图flag=p的,其中<a>标签里的title很重要，就是弹出效果后下方显示标题.
{dede:arclist typeid=13 row=6 flag=p}
<div class="zuopin_list">
<div>[field:array runphp='yes']@me = (empty(@me['litpic']) ? "" :
"<a href='{@me['litpic']}' class='lightbox' title='{@me['title']}'><img src='{@me['litpic']}' width='190' height='120' onload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" onclick="if(this.width>=700) window.open('/uploads/allimg/100718/155K540K-0.jpg');" src="/uploads/allimg/100718/155K540K-0.jpg" />