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> |
Эээ может я проблему не ясно осветил?
|
Выложите еще скрипты, которыми пытаетесь манипулировать. И lightbox или ссылку на него.
|
вложил файл
Если убрать, display:none; лайт бокс работает, но разваливается карусель. Помогите чем можете |
Вложений: 1
Проблема здесь в том, что пересекаются два скрипта, карусель и лайтбокс.
Карусель подгружает контент в блок интерактивно, то есть уже после построения DOM. Поэтому ссылки из подгруженного контента, на которые должен откликаться лайтбокс остаются не инициализированными. Проблема решается в скрипте карусели заменой события .click на событие .live('click',...):
.live('click', function(){
// внутри этой функции еще раз инициализируем лайтбокс
$('h3 > a').lightbox();
})
|
Вау! Нереально круто спасибо!
Большое спасибо! |
| Часовой пояс GMT +3, время: 18:26. |