Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.08.2009, 19:11
Интересующийся
Отправить личное сообщение для lastic Посмотреть профиль Найти все сообщения от lastic
 
Регистрация: 10.08.2009
Сообщений: 15

preload divs или задачка от новичка
Всем, привет, я ещё новичок в ява скрипт. Проблема такая,
есть карусель на jquery, т.е всем дивам в которых картинки прописан display:none;при нажатии картинка плавно меняет прозрачность меняет свойство.

Теперь понадобилось, чтобы картинки увеличивались с помощью lightbox, которая работает через <a rel="путь"></a>. но lightbox не срабатывает, т.к дивы лежащие в карусели display:none;

Можно сделать так что бы лайт бокс считывал свои ссылки не смотря на display:none; visibility:hidden; не пашет((

вот код

<div style="display:none">
									<h3>
										<a rel="lightbox" href="files/images/2.jpg">
											<img src="files/images/2.jpg" width="300" height="250" />
										</a>
									</h3>
								</div>
								<div style="display:none">
									<h3>
										<a rel="lightbox" href="files/images/3.jpg">
<img src="files/images/3.jpg" width="300" height="250" />
</a> 
									</h3>
								</div>
								<div style="display:none">
									<h3>
										<a rel="lightbox" href="files/images/4.jpg">
											<img src="files/images/4.jpg" width="300" height="250" />
										</a>
									</h3>
								</div>
Вложения:
Тип файла: zip example.zip (853.6 Кб, 4 просмотров)

Последний раз редактировалось lastic, 11.08.2009 в 12:25.
Ответить с цитированием
  #2 (permalink)  
Старый 11.08.2009, 11:22
Интересующийся
Отправить личное сообщение для lastic Посмотреть профиль Найти все сообщения от lastic
 
Регистрация: 10.08.2009
Сообщений: 15

Эээ может я проблему не ясно осветил?
Ответить с цитированием
  #3 (permalink)  
Старый 11.08.2009, 12:04
Аспирант
Отправить личное сообщение для Urfin Посмотреть профиль Найти все сообщения от Urfin
 
Регистрация: 22.07.2009
Сообщений: 85

Выложите еще скрипты, которыми пытаетесь манипулировать. И lightbox или ссылку на него.
Ответить с цитированием
  #4 (permalink)  
Старый 11.08.2009, 12:25
Интересующийся
Отправить личное сообщение для lastic Посмотреть профиль Найти все сообщения от lastic
 
Регистрация: 10.08.2009
Сообщений: 15

вложил файл
Если убрать, display:none; лайт бокс работает, но разваливается карусель.

Помогите чем можете
Ответить с цитированием
  #5 (permalink)  
Старый 11.08.2009, 17:13
Аспирант
Отправить личное сообщение для Urfin Посмотреть профиль Найти все сообщения от Urfin
 
Регистрация: 22.07.2009
Сообщений: 85

Проблема здесь в том, что пересекаются два скрипта, карусель и лайтбокс.
Карусель подгружает контент в блок интерактивно, то есть уже после построения DOM. Поэтому ссылки из подгруженного контента, на которые должен откликаться лайтбокс остаются не инициализированными. Проблема решается в скрипте карусели заменой события .click на событие .live('click',...):
.live('click', function(){
// внутри этой функции еще раз инициализируем лайтбокс

$('h3 > a').lightbox();
})
Вложения:
Тип файла: zip example_debug.zip (936.6 Кб, 6 просмотров)
Ответить с цитированием
  #6 (permalink)  
Старый 11.08.2009, 17:48
Интересующийся
Отправить личное сообщение для lastic Посмотреть профиль Найти все сообщения от lastic
 
Регистрация: 10.08.2009
Сообщений: 15

Вау! Нереально круто спасибо!

Большое спасибо!
Ответить с цитированием
Ответ



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

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