Как вывести fancybox в битрикс?

Question

[lord amotar]

добрый день!
ниже код вывода изображения
как сделать чтобы при клике выводилась изображение побольше

<?if ($arResult["QUESTION"]["FILE"] !== false):?>
				<br /><br />
<img src="<?=$arResult["QUESTION"]["FILE"]["SRC"]?>" width="40%" height="60%" />
			<?endif?>

Answer 1

[Андрей Гончаров]

Ну подключи фенсибокс js и css файлы плагина к шаблону. Оберни твой img в ссылку, на которую будет синициализирован фенсибокс, в атрибуте href этой ссылки поставь ссылку на большое изображение.

Answer 2

[Ярослав Александров]

В демо fancybox есть картинка превью и детальная:

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

Comments

[Ярослав Александров]

<a class="fancybox-thumbs" data-fancybox-group="thumb" href="4_b.jpg"><img src="4_s.jpg" alt="" /></a>