Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.09.2011, 00: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: 'из'
});
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
jQuery для загрузки страницы в <div> Dr.Holerik jQuery 12 11.10.2016 18:36
Ошибка в jQuery 1.5.1. Не понимаю в чем проблема? viatcheslav AJAX и COMET 0 16.05.2011 11:38
jQuery поменять CSS цвет для текста при наведении мышью (.text:hover) JooZ jQuery 16 15.11.2010 19:56
jquery tabs (проблема с отображением) Extern Элементы интерфейса 0 16.03.2009 17:42
Проблема со списком jquery Deexus jQuery 3 09.01.2009 21:33