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

QQ登录

只需一步,快速开始

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

[复制链接]
发表于 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
回复

使用道具 举报

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

使用道具 举报

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

使用道具 举报

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

使用道具 举报

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

本版积分规则

热门图文
精华帖子
热门图文

关闭

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

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