加入收藏 | 设为首页 | 会员中心 | 我要投稿 | RSS
您当前的位置：首页 > 教程 > 开源cms > 帝国cms

帝国CMS列表页可调用图集幻灯片可自定义样式
时间：2024-06-10 22:30:39  来源：  作者：
帝国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列表页可调用图集幻灯片可自定义样式相关方法，希望对大家有所帮助。
来顶一下
返回首页
返回首页
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
推荐资讯
相关文章

    Rorem ipsum dolor sit amet, con secte tur adipisi cing elit, sed do eius mod tem pincididunt ut labore et dolore magna aliqua. adipisi cing elit, sed do eius mod tem pincididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequatye.

    Rorem ipsum dolor sit amet, con secte tur adipisi cing elit, sed do eius mod tem pincididunt ut labore et dolore magna aliqua. adipisi cing elit, sed do eius mod tem pincididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequatye.

    Rorem ipsum dolor sit amet, con secte tur adipisi cing elit, sed do eius mod tem pincididunt ut labore et dolore magna aliqua. adipisi cing elit, sed do eius mod tem pincididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequatye.

    Rorem ipsum dolor sit amet, con secte tur adipisi cing elit, sed do eius mod tem pincididunt ut labore et dolore magna aliqua. adipisi cing elit, sed do eius mod tem pincididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequatye.

    Rorem ipsum dolor sit amet, con secte tur adipisi cing elit, sed do eius mod tem pincididunt ut labore et dolore magna aliqua. adipisi cing elit, sed do eius mod tem pincididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequatye.

    Rorem ipsum dolor sit amet, con secte tur adipisi cing elit, sed do eius mod tem pincididunt ut labore et dolore magna aliqua. adipisi cing elit, sed do eius mod tem pincididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequatye.

    Rorem ipsum dolor sit amet, con secte tur adipisi cing elit, sed do eius mod tem pincididunt ut labore et dolore magna aliqua. adipisi cing elit, sed do eius mod tem pincididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequatye.

    Rorem ipsum dolor sit amet, con secte tur adipisi cing elit, sed do eius mod tem pincididunt ut labore et dolore magna aliqua. adipisi cing elit, sed do eius mod tem pincididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequatye.

    Rorem ipsum dolor sit amet, con secte tur adipisi cing elit, sed do eius mod tem pincididunt ut labore et dolore magna aliqua. adipisi cing elit, sed do eius mod tem pincididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequatye.

    Rorem ipsum dolor sit amet, con secte tur adipisi cing elit, sed do eius mod tem pincididunt ut labore et dolore magna aliqua. adipisi cing elit, sed do eius mod tem pincididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequatye.

栏目更新
栏目热门

Copyright © 2023_SHOUYE_Powered_By首页模板库

注册域名麦斗跨境电商