Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   preload divs или задачка от новичка (https://javascript.ru/forum/jquery/4647-preload-divs-ili-zadachka-ot-novichka.html)

lastic 10.08.2009 19:11

preload divs или задачка от новичка
 
Вложений: 1
Всем, привет, я ещё новичок в ява скрипт. Проблема такая,
есть карусель на 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>

lastic 11.08.2009 11:22

Эээ может я проблему не ясно осветил?

Urfin 11.08.2009 12:04

Выложите еще скрипты, которыми пытаетесь манипулировать. И lightbox или ссылку на него.

lastic 11.08.2009 12:25

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

Помогите чем можете

Urfin 11.08.2009 17:13

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

$('h3 > a').lightbox();
})

lastic 11.08.2009 17:48

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

Большое спасибо!


Часовой пояс GMT +3, время: 02:28.