Javascript Jquery幻灯片
jquery中的代码是什么，在最后一张照片上单击“下一步”后，让幻灯片显示第一张照片。我知道我只需要写一次文档就可以了，但我还没有写，但我会的。这是我的密码Javascript Jquery幻灯片,javascript,jquery,Javascript,Jquery,jquery中的代码是什么，在最后一张照片上单击“下一步”后，让幻灯片显示第一张照片。我知道我只需要写一次文档就可以了，但我还没有写，但我会的。这是我的密码 <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="slides.m
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="slides.min.jquery.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
$(document).ready(function() {
$("#links").mouseover(function() {
$("#links").animate({
'opacity': '1'
});
});
});
$(document).ready(function() {
$("#links").mouseout(function() {
$("#links").animate({
'opacity': '0'
});
});
});
$(document).ready(function() {
$("#rechts").mouseover(function() {
$("#rechts").animate({
'opacity': '1'
});
});
});
$(document).ready(function() {
$("#rechts").mouseout(function() {
$("#rechts").animate({
'opacity': '0'
});
});
});
$(document).ready(function() {
$("#links").click(function() {
$("#slider").animate({
left: '+=600px'
}, 1000);
});
});
$(document).ready(function() {
$("#rechts").click(function() {
$("#slider").animate({
left: '-=600px'
}, 1000)
});
});
</script>
<meta charset="utf-8">
<title>SlideShow</title>
<style type="text/css">
#Holder {
height: 400px;
width: 600px;
margin-right: auto;
margin-left: auto;
overflow: hidden;
position: relative;
}
#slider {
height: 400px;
width: 2500px;
position: relative;
z-index: 1;
float: left;
}
#slider img {
margin:0px;
}
#Holder #rechts {
height: 100px;
width: 50px;
position: absolute;
z-index: 10;
left: 550px;
top: 0px;
opacity: 0;
padding-top: 150px;
cursor:pointer;
}
#Holder #links {
height: 100px;
width: 50px;
padding-top: 150px;
position: absolute;
z-index: 10;
left: 0px;
cursor:pointer;
opacity:0
}
</style>
</head>
<body>
<h1><center>DIT IS MIJN OPDRACHT VAN DIETER(SLIDESHOW)</center></h1>
<div id="Holder">
<div id="slider">
<img src="images/Auto1.JPG" width="600" height="400">
<img src="images/Auto2.JPG" width="600" height="400">
<img src="images/Auto3.JPG" width="600" height="400">
<img src="images/Auto4.JPG" height="400" width="600" />
</div>
<div id="rechts">
<img src="images/PijlRechts.png" width="50" height="100" />
</div>
<div id="links">
<img src="images/PijlLinks.png" width="50" height="100" />
</div>
</div>
</div>
</body>
</html>
$（文档）.ready（函数（）{
$（“#链接”）.mouseover（函数（）{
$（“#链接”）。设置动画({
“不透明度”：“1”
});
});
});
$（文档）.ready（函数（）{
$（“#链接”）.mouseout（函数（）{
$（“#链接”）。设置动画({
“不透明度”：“0”
});
});
});
$（文档）.ready（函数（）{
$（“#rechts”）.mouseover（函数（）{
$（“#rechts”）。设置动画({
“不透明度”：“1”
});
});
});
$（文档）.ready（函数（）{
$（“#rechts”）.mouseout（函数（）{
$（“#rechts”）。设置动画({
“不透明度”：“0”
});
});
});
$（文档）.ready（函数（）{
$（“#链接”）。单击（函数（）{
$（“#滑块”）。设置动画({
左：'+=600px'
}, 1000);
});
});
$（文档）.ready（函数（）{
$（“#rechts”）。单击（函数（）{
$（“#滑块”）。设置动画({
左：'-=600px'
}, 1000)
});
});
幻灯片放映
#持有者{
高度：400px；
宽度：600px；
右边距：自动；
左边距：自动；
溢出：隐藏；
位置：相对位置；
}
#滑块{
高度：400px；
宽度：2500px；
位置：相对位置；
z指数：1；
浮动：左；
}
#滑块式img{
边际：0px；
}
#持有者#记录{
高度：100px；
宽度：50px；
位置：绝对位置；
z指数：10；
左：550px；
顶部：0px；
不透明度：0；
填充顶部：150px；
光标：指针；
}
#支架#连杆{
高度：100px；
宽度：50px；
填充顶部：150px；
位置：绝对位置；
z指数：10；
左：0px；
光标：指针；
不透明度：0
}
DIT是MIJN OPDRACHT VAN DIETER（幻灯片）
$（'element'）.nextAll（）.length>0$（'element'）.prevAll（）.length>0您应该检查元素的一侧是否有任何兄弟元素，这可以通过
$（'element'）.nextAll（）.length>0$（'element'）.prevAll（）.length>0当你向别人寻求帮助时，你至少可以格式化你的代码，使其可读。@Rorymcrossan但如果它被缩小，它会节省几十个字节！几十个@如果你说你还没有完成代码；你试过那样做吗？你确定这行不通吗？为什么要调用
$（文档）。准备好了吗（$（文档）。准备好了吗（$（文档）。准备好了吗（