帝国CMS怎么实现列表页调用图集幻灯片 可自定义样式帝国CMS添加图集幻灯片
刚好这几天有空,发现一个同行网站样式很漂亮。经过研究,帝国CMS无所不能嘛!我们可以利用morepic标签实践列表页幻灯片图集。
列表内容模板调用代码:
if(!empty($r[morepic]))
{
$morepic=$r['morepic'];
$mpr=explode(PHP_EOL,$morepic);
$mpcount=count($mpr);
for($mpi=0;$mpi<$mpcount;$mpi++){
$mp=explode('::::::',$mpr[$mpi]);
$showpic.='<a><img src="'.$mp[0].'" alt="'.$mp[2].'"><div></div></a>';
}
for($mpi=0;$mpi<$mpcount;$mpi++)
{
$showjs='<div class="moremedia">
<section id="dg-container'.($no-1).'" class="dg-container">
<div class="dg-wrapper">
'.$showpic.'
</div>
</section>
<script type="text/javascript">
\$(function() {
\$("#dg-container'.($no-1).'").gallery({
autoplay : true
});
});
</script>
';
}
}
$listtemp='<div class="albumblock">
<div class="inner"><a href="[!--titleurl--]" target="_blank" title="[!--title--]"><img src="[!--titlepic--]" title="[!--title--]" width="100%"/></a>
<div class="albumtitle"><a href="[!--titleurl--]" target="_blank" title="[!--title--]">《[!--title--]》 [!--ftitle--]</a></div>
</div>
'.$showjs.'
<div class="moreexplain">[!--smalltext--]</div>
</div>
<div style="clear:both;"></div>
</div>
';
记得一定要勾选使用程序代码!
本站附件分享,如附件失效,可以去找找看
诚通网盘附件、百度网盘附件
赞助我
如果本文对你有帮助,那么请你赞助我,让我更有激情的写下去,帮助更多的人。
本站加入了Google AdSense,因为谷歌 AdSense 算是广告商里难得“有节操、有底线”的佼佼者,没有任何低俗、垃圾、恶心的广告,所有希望不要“一刀切”式的拦截广告
如无特殊说明,解压密码均为:aisoa.cn
干饭福利分享: 微信扫码领取“饿了么”抵用券↓↓↓↓↓↓↓↓↓↓