分享:解决图片不能轮播--针对模板--KEYICMS首款HTML5响应式 - KEYICMS安装使用 - 科蚁网
请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

分享:解决图片不能轮播--针对模板--KEYICMS首款HTML5响应式

[复制链接]
查看: 3196|回复: 3
  • TA的每日心情
    开心
    2016-1-3 10:58
  • 签到天数: 5 天

    [LV.2]偶尔看看I

    累计在线
    990分钟
    发表于 2016-1-9 15:05:57 | 显示全部楼层 |阅读模式

    马上注册成为科蚁网会员,即可免费下载和分享手机建站资源!

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    本分享贴针对Keyicms发布的首款HTML5响应式模板。此模板的地址:http://www.ke01.com/thread-6716-1-1.html下载了此模板的朋友可能发现了首页的大幻灯片图片无法自动播放,必须在你点击切换一次后才能再自动播放,这达不到我们想要的效果。现在分享解决办法如下:
    1. 打开\Templates\KeyicmsH5\html\Top.html , 找到
    <div class="banner">   
            <div id="myCarousel" class="carousel slide">


    改成:
    <div class="banner">   
            <div id="myCarousel" class="carousel slide" data-ride="carousel">





    2. 继续往下找,
    $(".banner ol li").eq(0).addClass("active")
        $(".banner div.item").eq(0).addClass("active")



    在这段的下面加以下代码:
        $('#myCarousel').carousel();
          // 鼠标停在图片上时停止轮播
          $(".pause-slide").click(function(){
             $("#myCarousel").carousel('pause');
          });

    3. 改完后,重新生成静态首页,现在它可以自动播放了。


    QQ图片20160109145651.png
    回复

    使用道具 举报

  • TA的每日心情

    2016-6-4 11:50
  • 签到天数: 2 天

    [LV.1]初来乍到

    累计在线
    70分钟
    发表于 2016-4-7 16:03:11 | 显示全部楼层
    这个帖一般般,还可以哦。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2016-6-4 11:50
  • 签到天数: 2 天

    [LV.1]初来乍到

    累计在线
    70分钟
    发表于 2016-6-4 11:51:15 | 显示全部楼层
    科蚁网分享的资源就是牛逼!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2016-11-2 15:57
  • 签到天数: 2 天

    [LV.1]初来乍到

    累计在线
    0分钟
    发表于 2016-11-2 15:57:57 | 显示全部楼层
    河南平顶山碧桂园强夯施工确实是难得好帖啊,顶先
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    
    关闭

    站长推荐上一条 /1 下一条

    上个主题 下个主题 返回列表 客服中心 官方QQ群