<style type='text/css'>
#slideshow {
width:100%;
height:432px;
overflow: hidden;
margin-top:100px;
position: relative;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
#slideshow > div {
position: absolute;
top: 2px;
left: 2px;
right: 2px;
bottom: 2px;
}
</style>
<script src="http://www.digitalartistsonline.com/static/js/jquery.js"></script>
<script type="text/javascript">
$( document ).ready(function() {
$("#slideshow > div:gt(0)").hide();
setInterval(function() {
$('#slideshow > div:first')
.fadeOut(3000)
.next()
.fadeIn(3000)
.end()
.appendTo('#slideshow');
}, 6000);
});
</script>
<div id="slideshow" class="widget-wrap stats-widget">
<div>
<img src="http://www.digitalartistsonline.com/static/images/carousel/read_books.jpg" style="width:100%;height:100%">
</div>
<div>
<img src="http://www.digitalartistsonline.com/static/images/carousel/play_games.jpg" style="width:100%;height:100%">
</div>
<div>
<img src="http://www.digitalartistsonline.com/static/images/carousel/watch_videos.jpg" style="width:100%;height:100%">
</div>
</div>
