Показать сообщение отдельно
  #1 (permalink)  
Старый 15.09.2011, 23:10
Новичок на форуме
Отправить личное сообщение для woody2 Посмотреть профиль Найти все сообщения от woody2
 
Регистрация: 15.09.2011
Сообщений: 1

Проблема: Jquery - эффект раскрытия LightBox для изображения.
Добрый день. Не даёт покоя следующий вопрос.
Например, есть <image id='pic' src='1.gif' />. Далее, при определённом событии, скрипт изменяет параметр src для этого изображения на 'src='2.gif'. К данному изображению подключен плагин lightbox. Когда он срабатывает - в увеличенном изображении отображается по прежнему 1.gif. Я так понимаю, всё логично, т.к. в DOM с которым работает lightbox по прежнему для изображения id='pic' путь содержит '1.gif'.
Интересует вопрос, как всё же реализовать вывод нужного изображения через lightbox, путь к которому изменяется динамически.

В приведённом ниже примере, по клику изменяется путь к изображению, после чего инициализирую плагин lightbox(вариант не проходит).
$(function() {

$(".items img").click(function() {
	// calclulate large image's URL based on the thumbnail URL (flickr specific)
	var url = $(this).attr("src").replace("_t", "");

	// get handle to element that wraps the image and make it semitransparent
	var wrap = $("#image_wrap").fadeTo("medium", 0.5);

	// the large image from flickr
	var img = new Image();

	// call this function after it's loaded
	img.onload = function() {

		// make wrapper fully visible
		wrap.fadeTo("fast", 1);

		// change the image
		wrap.find("img").attr("src", url);

	};

	// begin loading the image from flickr
	img.src = url;
	
	// activate item
	$(".items img").removeClass("active");
	$(this).addClass("active");

//инициализируем lightbox
jQuery(".light").lightBox({
//overlayBgColor: '#FFF',
overlayOpacity: 0.6,
show_info:true,
containerResizeSpeed: 350
//txtImage: 'Изображение',
//txtOf: 'из'
});
Ответить с цитированием