Question

Доброго дня!

Впервые попробовала использовать плагин Lightbox, нужно чтобы при клике на картинку она увеличивалась и показывалась в всплывающем окошке.
Добавляю на страницу:

Код
<a href="pic1.jpg"><img src="pic1-thumb.jpg" height="113px" width="150px" alt=""/></a>

и

Код
<sc ript type="text/javascript"> jQuery(f unction(){    jQuery("a").lightBox(); }); </sc ript>

С картинкой все отлично! но вот в чем проблема - после этого я не могу перейти ни на одну страницу...Куда бы не кликнула  - везде всплывает это окошко и что-то пытается загрузиться. Как с этим побороться?


И еще небольшой вопросик - как сделать, если фотография одна, чтобы она при повторном клике закрывалась? Просто сейчас начинает подгружаться несуществующая "предыдущая" или "следующая" страница.


И как уменьшить затемнение остального фона, когда картинка увеличивается?

Answer 1

подсказали)

Надо сделать так:

Код
<a class="gallery" href="/upload/medialibrary/5c2/vsmodzo1.jpg" ><img src="/upload/medialibrary/5c2/vsmodzo1.jpg" height="113" width="150"  /></a> <sc ript type="text/javascript"> jQuery(f unction(){    jQuery("a.gallery").lightBox(); }); </sc ript>

Но вопрос про фон все еще актуален.

Answer 2

И второй тоже)

Код
<sc ript type="text/javascript"> jQuery(f unction(){ jQuery(".gallery").lightBox({    overlayBgColor: '#CAC4B0',    overlayOpacity: 0.5,    imageLoading: 'img/loading.gif',    imageBtnClose: 'img/close.gif',    imageBtnPrev: 'img/prev.gif',    imageBtnNext: 'img/next.gif',    containerResizeSpeed: 350,    txtImage: 'Изображение',    txtOf: 'из'    }); }); </sc ript>

Меняешь overlayBgColor на нужный цвет и overlayOpacity на нужный % прозрачности.