帝国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--]》 &nbsp; [!--ftitle--]</a></div>

        </div>

        '.$showjs.'

<div class="moreexplain">[!--smalltext--]</div>

    </div>

    <div style="clear:both;"></div>

  </div>

';
1. 本站所有资源来源于网络和用户上传,仅供大家参考、学习!
2. 盗版,破解有损他人权益和违法作为,请各位会员支持正版!
3. 其它细则请参考本站服务条款,资源如有侵权请与我们联系!
源码志 » 帝国CMS列表页使用多图字段制作幻灯片可自定义样式

源码志提供最优质的建站资源,限时299加入会员·下载会员专属源码

开通会员 了解详情