Изображения в статьях и lightbox

[moromer]

Все описания использования изображений в Виарте касаются магазина. А вот про описание использования изображений в статьях - ничего не сказано.
Как заставить в статье показывать серию изображений с использованием эффекта lightbox?

В настоящее время нашел промежуточное некрасивое решение: в таблицу вставлены thumbs, которые являются ссылкой на открывающееся в новом окне изображение большего размера.

Скрытый текст (вы должны войти под своим логином или зарегистрироваться и иметь 20 сообщение(ий)):

У вас нет прав чтобы видеть скрытый текст, содержащийся здесь.

А еще на viarts.ru в разделе маркет есть 2 или даже три модуля с похожим функционалом, только все они заточены на каталог и товары. А вот для статей - ничего. А жаль. Есть мнения у аудитории?

[exBitrix]

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

[expy]

Лайтбокс использует около 120 кБ кода. Многовато будет Есть более красивые решения. Будет немного времени выложу.

[MilkeyWay]

Лайтбокс использует около 120 кБ кода. Многовато будет Есть более красивые решения. Будет немного времени выложу.

я себе поставил colorbox,еще понравился pirobox,но в нем есть касяки,пришлось отказаться от него,с нетерпением жду,чем порадуете

[moromer]

Лайтбокс использует около 120 кБ кода. Многовато будет Есть более красивые решения. Будет немного времени выложу.

да, был бы признателен за ваш опубликованный опыт

[moromer]

я себе поставил colorbox,еще понравился pirobox,но в нем есть касяки,пришлось отказаться от него,с нетерпением жду,чем порадуете

Сегодня тестил colorbox, не смог корректно поставить и понять в чем причина неработоспособности.
Коды для css и вызов javascript прописал в multi_layout , файлы css и javascript'ы в соответствующие директории положил, пути подправил.
В содержание статьи на тег <a> повесил class="gallery". Нажимаю на фотографию. Всплывает рамка для рисунка и сразу пропадает, курсор сразу меняется на курсор-"указатель ссылки" до тех пор пока не нажму любую кнопку мыши.

Как вы ставили свой колорбокс?

[MilkeyWay]

я правда до статей еще не добрался,ставил на фото для товара,думаю принцип такой же:

это добавил в vi_multi_layout.html,в head:

<script type="text/javascript" src="/colorbox/colorbox/jquery.colorbox.js"></script>
<link rel="stylesheet" href="/colorbox/example3/colorbox.css" type="text/css"/>

это добавил на страницу товара:

<script type="text/javascript">
$(document).ready(function(){
	$("a.group").colorbox({
	rel: 'group',
	opacity: 0.4,
	width: "71%",
	height: "60%",
	speed: 600
	});
	
  });

class="group" rel='group' добавил к ссылке,т.е:

<a href="{image_super}" title="{image_title}" class="group" rel='group'><img src="{image_small}" {image_size} border="0" /></a>

в итоге все чики-пуки,у тебя может,наверное,не работать из-за старого jquery,попробуй обновить ее,заменив в head на:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

зы pirobox зацепил чем-то больше,но там подсчета фото нет и если ссылка на фото битая или отсутствует,то какой-то алис-капут происходит...+ там есть zoom,но,опять же он как-то криво работает

[brand]

я себе поставил colorbox

Добрый день.
Подскажите, а после установки colorbox работают эти функции:
1. изменения большой фото при наведении курсора на маленькое фото?
2. изменение изображения товара в зависимости от выбора опции?

[MilkeyWay]

Добрый день.
Подскажите, а после установки colorbox работают эти функции:
1. изменения большой фото при наведении курсора на маленькое фото?
2. изменение изображения товара в зависимости от выбора опции?

привет
1.я скрипт от виарта удалил,т.к поставил colorbox,так что хз
2.тоже хз,пока не проверишь не узнаешь

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

Скрытый текст (вы должны войти под своим логином или зарегистрироваться и иметь 200 сообщение(ий)):

У вас нет прав чтобы видеть скрытый текст, содержащийся здесь.

[moromer]

я правда до статей еще не добрался,ставил на фото для товара,думаю принцип такой же

:

Да, я уже закончил и все заработало. Но принцип такой же.
это добавил в vi_multi_layout.html,в head:

<link rel="stylesheet" href="styles/colorbox.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">/script>
<script src="js/jquery.colorbox-min.js"></script>
<script>
            jQuery(document).ready(function () {
                jQuery('a.gallery1').colorbox({rel:'group2', transition:"fade"});
			});
        </script>

class="gallery1" rel='group2' добавил в тег <a>,т.е:

<a class="gallery1" href="http://..........." rel="group2">

Вначале я забыл просто указать rel="". В итоге от 30 минут до 12 полных часов с погружением в эту проблему всем следующим пользователям можно сэкономить.
Спасибо всем, кто откликнулся.

[MilkeyWay]

rel-это вроде для групп...можно и без него...