[serdeles]

Приветствую!

Я не программист, но жизнь заставила столкнуться с jQuery :-)
Работаю над слайд-шоу. Взял готовый исходник и теперь кое-что переделываю под себя.

Пример слайд-шоу можно посмотреть здесь.
Исходник.

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

Сейчас всё обстоит так, что подгружается только одна картинка. А надо ведь все подгрузить.

Вот кусок кода, отвечающий за тумбнейлы. Я был бы очень благодарен за подсказку — в какую сторону копать, реально ли реализовать то, что мне нужно с помощью внесения изменений в этот код? Или это гиблое дело, и легче найти другой исходник?

Просто именно эта галерея — то, что мне нужно. Проблема лишь одна, я описал её выше.

base.buildNavigation = function(){
			base.$nav = $("<div id='thumbNav'></div>").appendTo(base.$el);
			base.$items.each(function(i,el){
				var index = i + 1;
				var $a = $("<a href='#'></a>");
				
				// If a formatter function is present, use it
				if( typeof(base.options.navigationFormatter) == "function"){
					$a.html('');
				} else {
					$a.text('');
				}
				$a.click(function(e){
                    base.gotoPage(index);
                    
                    if (base.options.hashTags)
						base.setHash('panel-' + index);
						
                    e.preventDefault();
				});
				base.$nav.append($a);
			});
			base.$navLinks = base.$nav.find('> a');
		};