[求助]使用Jquery的slide方法用于轮播首图, 方式使用”effect:leftLoop“时,加载不出图片,只看到白色背景_Android, Python及开发编程讨论区_Weblogic技术|Tuxedo技术|中间件技术|Oracle论坛|JAVA论坛|Linux/Unix技术|hadoop论坛_联动北方技术论坛  
网站首页 | 关于我们 | 服务中心 | 经验交流 | 公司荣誉 | 成功案例 | 合作伙伴 | 联系我们 |
联动北方-国内领先的云技术服务提供商
»  游客             当前位置:  论坛首页 »  自由讨论区 »  Android, Python及开发编程讨论区 »
总帖数
3
每页帖数
101/1页1
返回列表
0
发起投票  发起投票 发新帖子
查看: 449 | 回复: 2   主题: [求助]使用Jquery的slide方法用于轮播首图, 方式使用”effect:leftLoop“时,加载不出图片,只看到白色背景        下一篇 
zhongwei.wang
注册用户
等级:中校
经验:1859
发帖:60
精华:1
注册:2013-12-23
状态:离线
发送短消息息给zhongwei.wang 加好友    发送短消息息给zhongwei.wang 发消息
发表于: IP:您无权察看 2015-8-5 9:32:58 | [全部帖] [楼主帖] 楼主

我原本使用的方式是   effect:"fold"  是可以加载出图片的。
但是当我改为       effect:"leftLoop"  就加载不出图片了,只看到白色背景
用的是  jquery.SuperSlide.2.1.1.js 以及 jquery-1.7.2.min.js

相关JS代码:

 $(".banner-box").slide({
      titCell:".hd ul",
      mainCell:".bd ul",
      effect:"leftLoop",
      interTime:1500,
      delayTime:500,
      //defaultPlay:true,
      autoPlay:true,
      autoPage:true,
      trigger:"click"
});
$(".bd_ul").width("100%");
$(".bd_li").width("100%");
var width = $(".banner-box").outerWidth();
$(".m-width").width(width);
$(".m-width").find("img").width(width);


HTML部分:

 <div class="banner-box">
<div class="bd">
<ul class="bd_ul">
<li class="bd_li">
<div class="m-width">
<a href="javascript:void(0);"><img src="resources/images/slider1.jpg" /></a>
</div>
</li>
<li class="bd_li">
<div class="m-width">
<a href="javascript:void(0);"><img src="resources/images/slider2.jpg" /></a>
</div>
</li>
<li class="bd_li">
<div class="m-width">
<a href="javascript:void(0);"><img src="resources/images/slider3.jpg" /></a>
</div>
</li>
<li class="bd_li">
<div class="m-width">
<a href="javascript:void(0);"><img src="resources/images/slider4.jpg" /></a>
</div>
</li>
</ul>
</div>
<div class="banner-btn">
<a class="prev" href="javascript:void(0);"></a>
<a class="next" href="javascript:void(0);"></a>
<div class="hd"><ul></ul></div>
</div>
</div>


求大神指点迷津~~~~~




赞(0)    操作        顶端 
zhongwei.wang
注册用户
等级:中校
经验:1859
发帖:60
精华:1
注册:2013-12-23
状态:离线
发送短消息息给zhongwei.wang 加好友    发送短消息息给zhongwei.wang 发消息
发表于: IP:您无权察看 2015-8-5 9:33:27 | [全部帖] [楼主帖] 2  楼

自己先顶一个



赞(0)    操作        顶端 
hui.chen
注册用户
等级:大校
经验:6105
发帖:48
精华:4
注册:2014-2-7
状态:离线
发送短消息息给hui.chen 加好友    发送短消息息给hui.chen 发消息
发表于: IP:您无权察看 2015-8-5 9:48:45 | [全部帖] [楼主帖] 3  楼

没用过这个东东,不过如果引用的写法没错的话建议检查图片的路径以及图片的层级


u=2871144702,1362725177&fm=21&gp=0.jpg.gif


赞(0)    操作        顶端 
总帖数
3
每页帖数
101/1页1
返回列表
发新帖子
请输入验证码: 点击刷新验证码
您需要登录后才可以回帖 登录 | 注册
技术讨论