Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Treistan

Recommended Posts

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

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

 

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

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

 

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

Надіслати
Поділитися на інших сайтах


Вот так, но скрипт 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> 
Надіслати
Поділитися на інших сайтах


 

Вот так, но скрипт 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> 

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

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

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

Надіслати
Поділитися на інших сайтах


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

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

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

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

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.