Jump to content
Sign in to follow this  
CapitanLie

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

Recommended Posts

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

Share this post


Link to post
Share on other sites

т.е нужно заставить "colorbox" работать в статьях, написанных через HTML модуль, но никак не получается

Share this post


Link to post
Share on other sites

Нашли решение? Тоже запарился с этим моментом.

Share this post


Link to post
Share on other sites

Нашли решение? Тоже запарился с этим моментом.

Никто даже и не думает помочь

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Пример действителен для версий оксторе от 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

Share this post


Link to post
Share on other sites

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

Пример действителен для версий оксторе от 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>

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

Аналогично, открывается в новом окне и всё...

А вариант ravilr - пашет наура!

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

Модальное окно для групп изображений в статьях
Пример действителен для версий оксторе от 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>
А как задать размер больше когда окно открывается?

 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.