JQuery галерея?

Question

[Артур Кох]

Доброе утро.



Требуется реализовать подобную галерею, но с добавлением контролла (prev/next), а так же обновлением описания к каждой картинке(блок с текстом и ссылкой)



На одном сайте эта вещь реализована, но из-за жесткой конкатенации исходников достать пример сам не могу. Если есть желающие помочь в этом, прошу в личку, дабы не сочли ссылку на сайт рекламой.



Или же видели пример подобного скрипта?

Answer 1

[Виктор Кузнецов]

jsbeautifier.org/ — сюда вставляешь минимизированный код, он его отформатирует как надо.

Comments

[Артур Кох]

Спасибо, значительно помогло, но все же мне не удалось выковырять работоспособный скрипт. Ребята умудрились сделать jsник на 14к строк в отформатированном состоянии ;)
Все слишком сильно замешано на функциях, которые переплетаются по всему скрипту, и, видимо разобраться там суждено лишь написавшему его.

Answer 2

[Дмитрий]

про добавление описания согласен, но зачем prev/next? Тут другая идеология представления.
С автором связаться не пробовали?

Comments

[Артур Кох]

prev/next — в виде up/down — вполне неплохо
не пробовал. да и румын он ;)

[Дмитрий]

ну румыны наверняка знают английский…
Да и transtale.google.ru знает румынский язык.

Кстати, как его встроить в обычную html-страницу, я не понял.

[Артур Кох]

а в чем проблема?

[Дмитрий]

$('#myGallery').spacegallery({loadingClass: 'loading'});
это куда вставлять?

[Артур Кох]

layout.js

(function($){
	var initLayout = function() {
		var hash = window.location.hash.replace('#', '');
		var currentTab = $('ul.navigationTabs a')
							.bind('click', showTab)
							.filter('a[rel=' + hash + ']');
		if (currentTab.size() == 0) {
			currentTab = $('ul.navigationTabs a:first');
		}
		showTab.apply(currentTab.get(0));
		$('#myGallery').spacegallery({loadingClass: 'loading'});
	};
	
	var showTab = function(e) {
		var tabIndex = $('ul.navigationTabs a')
							.removeClass('active')
							.index(this);
		$(this)
			.addClass('active')
			.blur();
		$('div.tab')
			.hide()
				.eq(tabIndex)
				.show();
	};
	
	EYE.register(initLayout, 'init');
})(jQuery)

Answer 3

[Виктор Кузнецов]

Вот вариант

Только не делал кнопку «prev». В spacegallery.js добавил строки 53, 54, 101, 121-128

Comments

[Артур Кох]

а если значение заносить не в title, а в рядом стоящий див? требуется в подписи указать ссылку и текст, которые разно оформлены.

Answer 4

[Виктор Кузнецов]

$('#imageTitle').text заменить на $('#divID').html