Тут без джуквери легко.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<script type="text/javascript">
var imageNames = [
'img1.jpg',
'img2.jpg',
'img3.jpg',
'img4.jpg',
'img5.jpg',
'img6.jpg',
'img7.jpg',
'img8.jpg',
'img9.jpg',
'img10.jpg'
], imgs;
for (var i=0;i<10;i++) (imgs[i] = new Image()).src = imageNames[i];//кэширование, чтоб не тормозило при загрузке
window.onload = function(){//ну в jQ можно $(function(){...
var img = document.getElementById('slider').firstChild;//$('#slider')[0].firstChild
var i=0;
img.src = imageNames[i];
setTimeout(function f(){
img.src = imageNames[++i];
if (i===9) i=0;
setTimeout(f,100);
},100);
}
</script>
</head><body>
<div id="slider"><img src=""></div>
</body></html>
