您现在的位置是：首页 > CMS帝国CMS

帝国CMS自定义轮播图

阿龙2021-12-15【帝国CMS】人已围观

我的轮播是3D，插件是网上找的，这个就不多解释了，要说是：如果动态从后台获取图片的思路，而不是固定写死的！

插件轮播图片地址是放在CSS中的，用的是元素背景图，而帝国从后台取的数据一般都是在页面上，再说PHP代码也不可能写到CSS中，所以解决思路如下：

第一：而面还是正常取后台的数据，只是把数据取出来存在元素的自定义属性中，备用

第二：利用JS获取自定义属性中的值，然后再把值给CSS，到这就算是完成了

[e:loop={'select url,picurl,classid from jxhx_enewsad where classid=3 limit 5',10,24,0}]
            <li class="<?php echo 'vim'.$bqno ?>" img="<?=$bqr['picurl'] ?>" onclick="window.location.href='<?=$bqr['url'] ?>' ">
                  <span></span>
                  <span></span>
                  <span></span>
                  <span></span>
                </li>
[/e:loop]
// 以上包含图片，与图片跳转链接（我这取的是广告,取文章也是一样的换个数据库名就行了）
<script>
        for(i=1;i<=5;i++){
           $(".vim1 span:nth-of-type("+ i +")").css('background','url('+$(".view>ul>li").eq(i-1).attr("img")+')')
           $(".vim2 span:nth-of-type("+ i +")").css('background','url('+$(".view>ul>li").eq(i-1).attr("img")+')')
           $(".vim3 span:nth-of-type("+ i +")").css('background','url('+$(".view>ul>li").eq(i-1).attr("img")+')')
           $(".vim4 span:nth-of-type("+ i +")").css('background','url('+$(".view>ul>li").eq(i-1).attr("img")+')')
        }
</script>

Tags：轮播图

很赞哦！ ()

上一篇：帝国CMS留言板不支持灵动标签

下一篇：极致CMS：如何加入购物车