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, время: 02:28. |