Анимация на jQuery
 

Доброй ночи!
Вопрос такой, в папке имеется 10 изображений логотипа. 10 изображений я хочу использовать как кадры.
Можно ли сделать так, чтобы jQuery функцией по очереди загружать в див эти изображения с разницей по времени 0,10 секунд? И как это можно сделать?
Заранее спасибо!

Вроде начал, да только не грузит что-то! Вот код. Может где ошибка?

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
var x=1;
for (x=1; x=6; x++){
setInterval(jQuery("#page_list").css({"background","url('./images/anitmation/shark"+x+".jpg') no-repeat;"}),2000);
if(x=6){
x=1;
}
}
});
</script>

var ani_id = 1;
function animation(){
$("#page_list").css({"background","url('./images/anitmation/shark"+ani_id+".jpg') no-repeat"});
if ( ani_id > 9 ) ani_id = 1;
else ani_id++; 
setTimeout(animation,100);
}

Не проверял, но должно работать.

Я проверил, не работает ((((
Файрбаг ошибку выдал на css(). Missing : after property id

Вроде заработало, только он грузит первую картинку и останавливается

Лучше наверное так будет:

var ani_id = 1;
setInterval(function(){
$("#page_list").css({"background","url('./images/anitmation/shark"+ani_id+".jpg') no-repeat"});
if ( ani_id > 9 ) ani_id = 1;
else ani_id++; 
},100);

Все спасибо! Работает!