Javascript jquery图像滑块不滑动?
蓝莓图像滑块没有滑动,这是java脚本代码,请帮助我修改或添加足够的代码,以便它能够正常工作。顺便说一句,我也链接了blueberry.css和jquery.blueberry.js文件。谢谢你-网络开发的学生Javascript jquery图像滑块不滑动?,javascript,html,image,slider,Javascript,Html,Image,Slider,蓝莓图像滑块没有滑动,这是java脚本代码,请帮助我修改或添加足够的代码,以便它能够正常工作。顺便说一句,我也链接了blueberry.css和jquery.blueberry.js文件。谢谢你-网络开发的学生 <meta charset="UTF-8"></meta> <title>Rose Street | Auto Repair</title> <meta name="viewport" content="width=device-wi
<meta charset="UTF-8"></meta>
<title>Rose Street | Auto Repair</title>
<meta name="viewport" content="width=device-width, initail-scale=1.0"></meta>
<link rel="stylesheet" href="main.css"></link>
<link rel="stylesheet" href="font-awesome.css"></link>
<link rel="stylesheet" href="blueberry.css"></link>
<link rel="stylesheet" href="style2.css"></link>
<link rel="stylesheet" id="google-fonts-css" href="//fonts.googleapis.com/css?family=Open+Sans%3A400%2C400italic%2C300italic%2C300%2C600%2C600italic%7CLato%3A400%2C100%2C300%2C700&ver=4.0.5" type="text/css" media="all"></link>
<script src="https://apis.google.com/js/platform.js"> async defer></script>
<script type="text/javascript" src="jquery-1.11.2.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"</script>
<script src="jquery.blueberry.js"></script>
<script>
$(window).load(function() {
$('.blueberry').blueberry();
});
</script>
<script type="text/javascript">
function Scroll(){
var top = document.getElementById('header');
var ypos = window.pageYOffset;
if(ypos < 700) {
top.style.opacity = ".9";
top.style.height= "86px"
}else{
top.style.opacity = ".5";
top.style.height= "100px"
}
}
window.addEventListener("scroll",Scroll);
</script>
<script type="text/javascript">
$(function(){
$("#header").fadeToggle(1).delay(2000).fadeToggle(2000);
$("#logo").fadeToggle(1).delay(2000).fadeToggle(2000);
$("nav").fadeToggle(1).delay(2500).slideToggle(1000);
});
</script>
罗斯街|汽车修理
异步延迟>
我理解你的问题有点困难
您的代码似乎运行得很好
//jQuery蓝莓滑块v0.4测试版
!(5)3,持续时间:500,线路高度:1,高度:“自动”,悬停;悬停:1,高度:“自动”,悬停;悬停:1,寻呼机:!1,寻呼机:!1,寻呼机:!1,寻呼机:!0,导航:,导航:!0,键盘导航:!0,键导航:!0,键导航:!0,键导航:!0,键导航::!0,键导航::!0},键导航::!0},键导航:,一个,一,一,一个,一,一个是扩展,a,一,一,一,a=e。扩展(i(i,a)是,一,a)是,一,一,一,一,一,一,a)是,一,一,a=e。扩展(i(i(i(i,a)扩展(i(i,一),a)扩展(i(i(i,一),a)扩展(i(i,一),a)是)(s).fadeIn(i.duration).addClass(“active”)、u.length?u.eq(s).addClass(“active”):i.pager&(n.append)(“
”)、t.each(函数a){e(“.pager”,n”)、u=e(“.pager li”,n)、u.eq(s).addClass(“active”)、u&&var(“active”)、u(i.duration).removeClass(“active”).end().eq(c).fadeIn(i.duration).addClass(“active”).queue(function(){p(),e(this).dequeue()),u&&u.eq(s.).removeClass(“active”).end().eq(c).addClass(“active”),s=c,c=s>=t.length-1?0:s+1},p=function(){n.play=setTimeout(function(){{f(),i.interval)};p(),i.hover&t.hover(function(){clear(),pause(),play(),play(){函数}})var v=function(){o=e(.slides),n.width(),h=Math.floor(o/d/i.lineheight)*i.lineheight,e(“.slides”,n.css({height:h})};v(),e(window).resize(function(){v()}),i.keynav&e(document.keyup)(函数(e){switch(e.which){案例39:案例32:cleartimout(n.play),f();break;案例37:cleartimout(n.play),c=s-1,f()});
$(窗口)。加载(函数(){
$('.blueberry').blueberry();
});
/*
*jQuery蓝莓滑块v0.4测试版
* http://marktyrrell.com/labs/blueberry/
*
*版权所有(C)2011,Mark Tyrrell
*
*此程序是免费软件:您可以重新发布和/或修改它
*它是根据GNU通用公共许可证的条款发布的
*自由软件基金会,或者许可证的第3版,或者
*(由您选择)任何更高版本。
*
*这个节目的发布是希望它会有用,
*但没有任何保证;甚至没有对
*适销性或适用于特定用途。请参阅
*有关更多详细信息,请参阅GNU通用公共许可证。
*
*您应该已经收到GNU通用公共许可证的副本
*与此程序一起使用。如果没有,请参阅。
*
*/
.blueberry{margin:0自动;}
.蓝莓.幻灯片{
显示:块;
位置:相对位置;
溢出:隐藏;
}
.蓝莓.李{
位置:绝对位置;
排名:0;
左:0;
溢出:隐藏;
}
.蓝莓.李明{
显示:块;
宽度:100%;
最大宽度:无;
}
.blueberry.slides li.active{display:block;position:relative;}
.blueberry.crop li img{width:auto;}
.蓝莓.传呼机{
高度:40px;
文本对齐:居中;
}
.blueberry.pager li{display:inline block;}
.蓝莓.传呼机李a,
.蓝莓.寻呼机李a span{
显示:块;
高度:4px;
宽度:4px;
}
.蓝莓.传呼机李a{
填充:18px 8px;
-webkit边界半径:6px;
-moz边界半径:6px;
-o-边界半径:6px;
-ms边界半径:6px;
-khtml边界半径:6px;
边界半径:6px;
}
.蓝莓.寻呼机李a span{
溢出:隐藏;
背景:#C0C0;
文本缩进:-9999px;
-webkit边界半径:2px;
-moz边界半径:2px;
-o-边界半径:2px;
-ms边界半径:2px;
-khtml边界半径:2px;
边界半径:2px;
}
.blueberry.pager li.active a span{background:#404040;}
你能加入一个JSFIDLE()或代码片段吗?很肯定这会被视为“请调试我的代码”类型的问题。:/{
。哇,我一直在寻找错误的jquery。非常感谢你指出了这一点
<div id="doc">
<div id="content">
<div class="blueberry">
<ul class="slides">
<li class="" style="display: inline;">
<img src="http://ultraimg.com/images/93ee8dce5462.jpg" alt="slide1">
</li>
<li class="active" style="display: inline;">
<img src="http://ultraimg.com/images/85173643ed34.jpg" alt="slide2">
</li>
<li class="" style="display: none;">
<img src="http://www.thehogring.com/wp-content/uploads/2012/11/The-Hog-Ring-Auto-Upholstery-Community-Auto-Trimmer-History-11.jpg" alt="slide3">
</li>
<li class="" style="display: none;">
<img src="http://theoldmotor.com/wp-content/uploads/2013/11/Euclid1-600x351.jpg" alt="slide4">
</li>
</ul>
<ul class="pager">
<li class="">
<a href="#"><span>0</span></a>
</li>
<li class="">
<a href="#"><span>1</span></a>
</li>
<li class="">
<a href="#"><span>2</span></a>
</li>
<li class="active">
<a href="#"><span>3</span></a>
</li>
</ul>
</div>
</div>
</div>