Модальное окно в слайдере

[Orarifish]

Здравствуйте!

Есть слайдер такой же, как здесь: http://www.bkosborne.com/jquery-waterwheel-carousel

Картинки в слайдере по умалчиванию, не увеличиваются.

Подскажите, какой код нужно прописать, чтобы картинка увеличивалась в модальном окне, примерно, как на этой картинке:

http://savepic.ru/5795778.jpg

Что только не пробовала, ничего не помогает...точнее, либо не помогает, либо слайдер вообще перестает отображаться.

Спасибо.

[Great Rash]

Вот такой код.

[Orarifish]

да, я видела этот сайт, даже скачала себе такой слайдер.

Но, ведь, это совсем другой слайдер. И если я вставлю кусок кода ТОГО слайдера в МОЙ слайдер, то он не отображается. 

[Great Rash]

Это два совершенно разных плагина, ничто не мешает вам использовать их одновременно.

http://codepen.io/GreatRash/pen/Cdpkz

[Orarifish]

Огромнейшее вам спасибо!

Еще один вопрос.

Вот часть вашего кода:

<a class="group1" href="http://www.bkosborne.com/sites/default/files/waterwheelcarousel/1.jpg"><img src="http://www.bkosborne.com/sites/default/files/waterwheelcarousel/1.jpg"></a>

Я пишу так:

<a class="group1" href="http://site.ru/makets/images/img.jpg"><img src="http://site.ru/makets/images/img.jpg" id="item-1"></a>

А у меня открывает с отдельном окне картинку. Не в модальном, а в отдельном.

Edited September 9, 2014 by Orarifish

[Orarifish]

Все! Разобралась!)))))