Treistan

Увеличение картинки во всплывающем окне

Рекомендуемые сообщения

Treistan    0

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

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

 

Сейчас могу сделать лишь так чтоб при клике на нее, отрывалась новая вкладка с этим изображением в оригинальном размере.

Вот ссылка на стр.: http://ukkontur.ru/nashi_raboti

 

Как я понял там нужен popup, но я не знаю как его добавить на эту страницу...

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
vise    16

Вот так, но скрипт colorbox должен быть подключен на странице, все картинки что есть будут в попапе

<script type="text/javascript"><!--
jQuery(document).ready(function($) {
	$("a[href$='.jpeg'], a[href$='.jpg'], a[href$='.png'], a[href$='.gif']")
	.attr('rel', 'gallery')
	.colorbox();
	
})(jQuery);
//--></script> 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Treistan    0

 

Вот так, но скрипт colorbox должен быть подключен на странице, все картинки что есть будут в попапе

<script type="text/javascript"><!--
jQuery(document).ready(function($) {
	$("a[href$='.jpeg'], a[href$='.jpg'], a[href$='.png'], a[href$='.gif']")
	.attr('rel', 'gallery')
	.colorbox();
	
})(jQuery);
//--></script> 

Я его скопировал, закрепил на странице, разкоментировал, но ничего не произошло...

Сразу скажу, я не опытный в этом деле человек и могу чего то не понять)

Там нужно что-то дополнительно прописывать на странице или менять в самом скрипте?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
vise    16

Я его скопировал, закрепил на странице, разкоментировал, но ничего не произошло...

Сразу скажу, я не опытный в этом деле человек и могу чего то не понять)

Там нужно что-то дополнительно прописывать на странице или менять в самом скрипте?

сам colorbox подключен?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу