Hello
If You want to set two image in and first image come out and another image come in same place
in fadein and fadeOut Effect. I am Create Example for that.
Please Check that this code.
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
var cnt = 0;
setInterval(function(){
//var tmp = jQuery('ul li img');
$('ul li img:eq('+cnt+')').fadeOut('fast', function(){
cnt ==1 ? cnt=0:cnt++;
$('ul li img:eq('+cnt+')').fadeIn('slow');
});
},4000);
</script>
<style>
ul {
list-style: none;
}
</style>
<ul>
<li>
<img src="Gold-jewellery-jewel-henry-designs-terabass.jpg" width="500" height="500" />
</li>
<li>
<img src="e_original.jpg" width="500" height="500" style="display: none;" />
</li>
</ul>
If You want to set two image in and first image come out and another image come in same place
in fadein and fadeOut Effect. I am Create Example for that.
Please Check that this code.
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
var cnt = 0;
setInterval(function(){
//var tmp = jQuery('ul li img');
$('ul li img:eq('+cnt+')').fadeOut('fast', function(){
cnt ==1 ? cnt=0:cnt++;
$('ul li img:eq('+cnt+')').fadeIn('slow');
});
},4000);
</script>
<style>
ul {
list-style: none;
}
</style>
<ul>
<li>
<img src="Gold-jewellery-jewel-henry-designs-terabass.jpg" width="500" height="500" />
</li>
<li>
<img src="e_original.jpg" width="500" height="500" style="display: none;" />
</li>
</ul>
0 komentar:
Post a Comment