jquery 5张图,淡入淡出,可只显示最后一张淡入淡出,该怎样解决呢?
<scripttype="text/javascript">$(document).ready(function(){vari;varj;for(i=1;i<6;i++)...
<script type="text/javascript">
$(document).ready(function(){
var i ;
var j ;
for(i=1; i<6; i++){
$("img").attr("src",i+".jpg");
$("img").fadeOut(3000,function(){
$("img").attr("src",i+1+".jpg");
});
}
})
</script>
<body>
<div id="pic">
<img src="1.jpg" />
</div> 展开
$(document).ready(function(){
var i ;
var j ;
for(i=1; i<6; i++){
$("img").attr("src",i+".jpg");
$("img").fadeOut(3000,function(){
$("img").attr("src",i+1+".jpg");
});
}
})
</script>
<body>
<div id="pic">
<img src="1.jpg" />
</div> 展开
4个回答
展开全部
<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp,
shuffle, etc...
});
});
</script>
</head>
<body>
<div class="slideshow">
<img src="1.jpg" width="200" height="200" />
<img src="2.jpg" width="200" height="200" />
<img src="3.jpg" width="200" height="200" />
<img src="4.jpg" width="200" height="200" />
</div>
</body>
我这里有个现成的,你问我要个JS文件引用就来就行了,效果挺好的。如果要发邮件给我 gandongmin75@163.com
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp,
shuffle, etc...
});
});
</script>
</head>
<body>
<div class="slideshow">
<img src="1.jpg" width="200" height="200" />
<img src="2.jpg" width="200" height="200" />
<img src="3.jpg" width="200" height="200" />
<img src="4.jpg" width="200" height="200" />
</div>
</body>
我这里有个现成的,你问我要个JS文件引用就来就行了,效果挺好的。如果要发邮件给我 gandongmin75@163.com
展开全部
把
$("img").fadeOut(3000,function(){
$("img").attr("src",i+1+".jpg");
});
改成
$("img")[i==5?"fadeOut":"show"](3000,function(){
$("img").attr("src",i+1+".jpg");
});
$("img").fadeOut(3000,function(){
$("img").attr("src",i+1+".jpg");
});
改成
$("img")[i==5?"fadeOut":"show"](3000,function(){
$("img").attr("src",i+1+".jpg");
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
什么意思呀?5张照片都淡入淡出吗?怎么又显示最后一张是什么意思?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询