Как сделать всплывающее окно с увеличенной картинкой?

[Drakonyashka]

Доброе утро!

Подскажите, пожалуйста, как сделать, чтобы при нажатии на картинку на этой же странице появлялось всплывающее окно с картинкой в реальном размере?

Вот пример: http://www.soft99.ru/catalog/poliroli-i-pokrutiya/491/#

Очень нужно!

Edited July 24, 2012 by Drakonyashka

[hypnocolor]

Конкретно в вашем примере использовался плагин Lightbox для jQuery. Почитать подробнее про его использование можно, например, здесь.

[Drakonyashka]

Удивительно, но jQuery уже есть на сайте и этот плагин подключен. Буду разбираться, что делать дальше)

Спасибо!

Edited July 25, 2012 by Drakonyashka

[Avalon4eg]

Ну как минимум нужно не только подключить jquery и плагин, но и инициализировать его и назначть ссылкам/картинкам нужные классы или айдишники. Посмотрите демки которые идут вместе с плагином там должно быт все описанно.

ЗЫ Lightbox-у предпочитаю Fancybox

[moron]

Сделал только что сам с нуля на нативном, если что помогу с настройкой и выводом(заменю кнопочку, поменяю полупрозрачный фон, если надо, помимо всего помогу установить). Хтмл не валиден, стили не красивые и не правильные, но жс код работает. Кросбраузерен, в ие не отображаются загруленные уголки.

http://moydomen.16mb.com/Drakonyasha.html

[Drakonyashka]

Спасибо всем Уже сама разобралась и сделала. Все оказалось довольно просто.

Единственная пока непонятная вещь...

Когда подключаю вот такой скрипт, пропадают кнопки "закрыть", "вперед", "назад".

<script type="text/javascript">
jQuery(function(){
jQuery(".gallery").lightBox({
	overlayBgColor: '#FF77FF',
	overlayOpacity: 0.3,
	imageLoading: 'img/loading.gif',
	imageBtnClose: 'img/close.gif',
	imageBtnPrev: 'img/prev.gif',
	imageBtnNext: 'img/next.gif',
	containerResizeSpeed: 350,
	txtImage: 'Изображение',
	txtOf: 'из'
   });
});
</script>

[Быколай]

Единственная пока непонятная вещь...

Когда подключаю вот такой скрипт, пропадают кнопки "закрыть", "вперед", "назад".

проверьте пути к этим картинкам

	imageLoading: 'img/loading.gif',
	imageBtnClose: 'img/close.gif',
	imageBtnPrev: 'img/prev.gif',
	imageBtnNext: 'img/next.gif',

[Drakonyashka]

Надо полный путь прописать, начиная с корневой папки?

[Быколай]

Надо полный путь прописать, начиная с корневой папки?

да, проще будет прописать абсолютный путь от корня сайта.

[Drakonyashka]

Спасибо! Попробую.