reza69
دوشنبه 30 تیر 1393, 00:54 صبح
سلام من میخوام برای این اسلاید شو دو تادکمه بزارم برای عوض شدن عکس ها
<div class="fadein">
<img src="/images/12.jpg" >
<img src="/images/13.jpg" >
<img src="/images/14.jpg" >
</div>
<script src="jquery-1.8.2.js"></script>
<script type="text/javascript">
$(function () {
$('.fadein img:gt(0)').hide();
setInterval(function () {
$('.fadein :first-child').fadeOut()
.next('img')
.fadeIn()
.end()
.appendTo('.fadein');
}, 3000); // 4 seconds
});
</script>
.fadein {
position:relative;
width :800px;
height :500px;
}
.fadein img {
position:absolute;
left:0;
top:0;
width :800px;
height :500px;
}
<div class="fadein">
<img src="/images/12.jpg" >
<img src="/images/13.jpg" >
<img src="/images/14.jpg" >
</div>
<script src="jquery-1.8.2.js"></script>
<script type="text/javascript">
$(function () {
$('.fadein img:gt(0)').hide();
setInterval(function () {
$('.fadein :first-child').fadeOut()
.next('img')
.fadeIn()
.end()
.appendTo('.fadein');
}, 3000); // 4 seconds
});
</script>
.fadein {
position:relative;
width :800px;
height :500px;
}
.fadein img {
position:absolute;
left:0;
top:0;
width :800px;
height :500px;
}