帝国CMS无所不能嘛！我们可以利用morepic标签实践列表页幻灯片图集，来实现漂亮的样式，可以根据自己的实际样式进行修改。

以下通过对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="titlepic"><a href="[!--titleurl--]" target="_blank" title="[!--title--]"><img src="[!--titlepic--]" title="[!--title--]" width="100%"/></a>

<div class="i"><a href="[!--titleurl--]" target="_blank" title="[!--title--]">《[!--title--]》 &nbsp; [!--ftitle--]</a></div>

</div>

'.$showjs.'

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

</div>

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

</div>

';

记得一定要在帝国CMS列表页勾选使用程序代码！

以上就是帝国CMS列表页可调用图集幻灯片可自定义样式相关方法，希望对大家有所帮助。
 

标签：