Вопрос о времени загрузки страницы при большом количестве кода в обработчике документа JQUERY?

Question

[Адиль Акавов]

Здравствуйте уважаемые посетители ресурса.
У меня такой вопрос есть сайт, на главной странице которого посредством Fancybox выводится, четыре так называемых альбома, альбомы вызываются посредством вписывания в код обработчика страница такого кода

$("#fancybox-manual-c").click(function() {
				$.fancybox.open([
					{
						href : 'alb3/1.jpg',
						title : 'My title'
					}, {
						href : 'alb3/2.jpg',
						title : '2nd title'
					}, {
						href : 'alb3/3.jpg'
					},
					{
						href : 'alb3/4.jpg'
					},
					{
						href : 'alb3/5.jpg'
					},
					{
						href : 'alb3/6.jpg'
					},
					{
						href : 'alb3/7.jpg'
					},{
						href : 'alb3/8.jpg'
					},
					{
						href : 'alb3/9.jpg'
					},
					{
						href : 'alb3/10.jpg'
					},
					{
						href : 'alb3/11.jpg'
					},
					{
						href : 'alb3/12.jpg'
					},
				], {
					helpers : {
						thumbs : {
							width: 75,
							height: 50
						}
					}
				});
			});
			
			$("#fancybox-manual-d").click(function() {
				$.fancybox.open([
					{
						href : 'alb1/1.jpg',
						title : 'My title'
					}, {
						href : 'alb1/2.jpg',
						title : '2nd title'
					}, {
						href : 'alb1/3.jpg'
					},
					{
						href : 'alb1/4.jpg'
					},
					{
						href : 'alb1/5.jpg'
					},
					{
						href : 'alb1/6.jpg'
					},
					{
						href : 'alb1/7.jpg'
					},{
						href : 'alb1/8.jpg'
					},
					{
						href : 'alb1/9.jpg'
					},
					{
						href : 'alb1/10.jpg'
					},
					{
						href : 'alb1/11.jpg'
					},
					{
						href : 'alb1/12.jpg'
					}
				], {
					helpers : {
						thumbs : {
							width: 75,
							height: 50
						}
					}
				});
			});

тут приведен код только для двух альбомов, ВОПРОС: нормально ли с точки зрения быстродействия такое навешивание фотографий в обработчик документа,?

Answer 1

[IceJOKER]

После полной загрузки страницы вешайте и не парьтесь.
И вам самим-то не лень 10 раз одно и тоже писать меняя лишь одно число?
Можно же создать массив от какого-то значения до какого-то и в цикле присвоить.

p.s. если альбомы итак выводятся на странице, то лучше к ним прикрепить fancybox чем в ручную, там он уже сам заберет href/title

Comments

[Адиль Акавов]

Не совсем так, на странице выводятся 4 фото и к каждому фото я подвешиваю таким вот образом фотки, тем самым я добиваюсь чтоб они не отображались у меня на странице, и только при клике на фото fancybox будет выводить фотки что я подвесил через обработчик готовности документа

[Адиль Акавов]

на счет массива то я тоже подумывал об этом, ну как то с реализацией на уровне синтаксиса и языковых конструкций встал в ступор , нет опыта , может вы мне поможете, Допустим у меня на сервере папка в которую я загрузил все свои изображения, вопрос как мне указать java scripty что мне нужен массив фоток с этой папки ?

[IceJOKER]

Адиль Акавов: насколько я знаю в colorbox есть возможность указать ссылку на картинку, которая откроется при клике, при клике на превью или на любую другую картинку к которой привязан, он откроет именно ту картинку, ссылку на которую вы указали как атрибут и не нужно ничего со стороны JS делать(кроме как инициализировать плагин).
Думаю тоже самое есть и в fancybox, читайте документацию

[Адиль Акавов]

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

[IceJOKER]

Адиль Акавов: опять же в colorbox можно сгруппировать картинки, т.е. при клике на одну картинку открывается все связанные картинки, тоже делается очень легко с помощью атрибутов.
У меня нет желания изучать fancybox, смотрите сами в документации.
А что насчет массивов сложного? у вас фотографии идут от 1 до 12, если фотографии так и называются 1.jpg ... 12.jpg , то for(var i = 1; i <= 12; i++) { alert(i + ".jpg"); }

[Адиль Акавов]

как составить цикл я знаю, я спрашивал про то как мне создать массив с этими фотками

[IceJOKER]

Адиль Акавов: если у вас фотки так и называются последовательно, то нафиг не нужно, а если у фоток разные названия, то php функция scandir(); поможет. Больше ничего не спрашивайте!