Загрузка картинок на страницу. Jquery
 

Здравствуйте, уважаемые форумчане. Недавно начал изучать jquery и надо реализовать видео плеер с картинок. Лежат в папочке N-картинок (N: 100...8000).Сначала надо пройтись по картинкам и выбирать по названию меньшие и по наростаючей, то есть в названиях будут присутствовать цифры.После этого выводятся с интервалом очень маленьким. <--это я сделал, а вот загрузка хз как. Как можно сделать красивую реализацию (красивую, то есть правильную)?

Какая еще загрузка? Создаете HTMLImageElement (через new Image() или document.createElement('img') ) , указываете ему src, браузер сам подгрузит картинку.

Показывать квадратики с крутящимся спинером, на js сделать прелоад картинок, а как только картинка своего контейнера будет загружена - поменять спинер на неё с прозрачностью ноль и плавно её, загруженную картинку, проявить до видимости 1.

В принципе в больших слайдерах картинки( в частности с движением по файлам картинок в обе стороны) картинки на текущем этапе подгружаются от текущей вперед(или назад) на один два файла от демонстрации настоящей картинки.

а как перебирать src? я так понимаю в цикле с помощью $('img').attr('src','/images/default'+number+'.png')

$('img').each (function(){
$(this).attr('src')

Хотя имхо может проще все ссылки на картинки изначально запихнуть в массив в скрипте ? (Или задать формулу создания строки адреса?

arr=[
' /images/1',
' /images/2',
....
 '/images/N'
]