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

Вывод фотографий в виде слайдов в статье


CapitanLie

Recommended Posts

Подскажите пожалуйста как сделать в статье (например Доставка), чтоб при нажатии на картинку она открывается в окне и прокручивается далее при нажатии (как в картинках товара). Как сделать подобное, ну или хотя-бы чтоб просто открывалась в окне, без дальнейшей прокрутки. Примерно как тут: http://monamour-dress.ru/magazin/index.php?route=information/information&information_id=9

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


Модальное окно для групп изображений в статьях

Пример действителен для версий оксторе от 1.5.2.1 и выше

<script>
$(document).ready(function(){
$(".group1").colorbox({rel:'group1'});
});
</script>
<p>

<a class="group1" href="ССЫЛКА ДО КАРТИНКИ.jpg">
<img alt="" src="ССЫЛКА ДО КАРТИНКИ.jpg" style="width: 182px; height: 114px;" /></a>

<a class="group1" href="ССЫЛКА ДО КАРТИНКИ2.jpg">
<img alt="" src="ССЫЛКА ДО КАРТИНКИ2.jpg" style="width: 182px; height: 114px;" /></a>

</p>

Выше указанный код добавляем в статью в режиме "Источник"

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

Модальное окно для групп изображений в статьях

Пример действителен для версий оксторе от 1.5.2.1 и выше

<script>
$(document).ready(function(){
$(".group1").colorbox({rel:'group1'});
});
</script>
<p>

<a class="group1" href="ССЫЛКА ДО КАРТИНКИ.jpg">
<img alt="" src="ССЫЛКА ДО КАРТИНКИ.jpg" style="width: 182px; height: 114px;" /></a>

<a class="group1" href="ССЫЛКА ДО КАРТИНКИ2.jpg">
<img alt="" src="ССЫЛКА ДО КАРТИНКИ2.jpg" style="width: 182px; height: 114px;" /></a>

</p>

Выше указанный код добавляем в статью в режиме "Источник"

Большое спасибо! Все прекрасно работает!

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


Можно проще.После добавления картинки в статью выбирем эту картинку и нажимаем редактировать ссылку.А дальше в разделе "Дополнительно" указываем Класс CSS "colorbox" и Отношение "colorbox". И не надо с кодами заморачиваться,все уже предусмотрено редактором.

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


Можно проще.После добавления картинки в статью выбирем эту картинку и нажимаем редактировать ссылку.А дальше в разделе "Дополнительно" указываем Класс CSS "colorbox" и Отношение "colorbox". И не надо с кодами заморачиваться,все уже предусмотрено редактором.

С самого первого раза так попробовал, ничего не вышло

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


  • 3 months later...

Добрый день! Вариант ravilr работает, но есть проблема. В заголовках блога вылезает кусок кода (редактор режет скрипт). В самой статье все ок. Кто знает как побороть?

P.S. Все решилось просто. Код скрипта опустил ниже, за «подробнее»  :-) 

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


Можно проще.После добавления картинки в статью выбирем эту картинку и нажимаем редактировать ссылку.А дальше в разделе "Дополнительно" указываем Класс CSS "colorbox" и Отношение "colorbox". И не надо с кодами заморачиваться,все уже предусмотрено редактором.

А все-таки, почему не работает этот вариант? Может кто в курсе?

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


  • 1 month later...

Можно проще.После добавления картинки в статью выбирем эту картинку и нажимаем редактировать ссылку.А дальше в разделе "Дополнительно" указываем Класс CSS "colorbox" и Отношение "colorbox". И не надо с кодами заморачиваться,все уже предусмотрено редактором.

Что-то не работает. Надо ли что-то дополнительно устанавливать? И что такое Отношение "colorbox"?

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


  • 1 month later...

Модальное окно для групп изображений в статьях
Пример действителен для версий оксторе от 1.5.2.1 и выше

 




<script>
$(document).ready(function(){
$(".group1").colorbox({rel:'group1'});
});
</script>
<p>

<a class="group1" href="ССЫЛКА ДО КАРТИНКИ.jpg">
<img alt="" src="ССЫЛКА ДО КАРТИНКИ.jpg" style="width: 182px; height: 114px;" /></a>

<a class="group1" href="ССЫЛКА ДО КАРТИНКИ2.jpg">
<img alt="" src="ССЫЛКА ДО КАРТИНКИ2.jpg" style="width: 182px; height: 114px;" /></a>

</p>
А как задать размер больше когда окно открывается?

 

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


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

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

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

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

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

Вхід

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

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

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

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

Important Information

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