Собственно, как можно вставить в статьи изображения увеличивающиеся до оригинала при клике? Сам так и не смог разобраться после долгих поисков.
Что бы можно было добавить несколько изображений на страницу, которые будут увеличиваться при нажатии на картинку. Пример прикрепил.
Как можно вставить в статьи изображения увеличивающиеся до оригинала?
#1
13 ноября 2015 в 01:42
Прикрепленный файл
1_6jdar.jpg
170 Кб
#2
13 ноября 2015 в 08:25
Какая версия "движка"?
PS На 1.10.6 работает.
PS На 1.10.6 работает.
#3
14 ноября 2015 в 00:49
InstantCMS 2.3.0
1.10.6 тоже использую. Как в ней, 1.10.6, реализовать?
1.10.6 тоже использую. Как в ней, 1.10.6, реализовать?
Сегодня в 12:24
#4
14 ноября 2015 в 01:05
P.S. По "Набор изображений" в InstantCMS 2.3.0 знаю, но ведь там сразу все картинки и в верху статьи показываются. А вот как по статье разбросать по пару штук?
#5
1 февраля 2016 в 09:17
Господа, хотелось бы поднять тему по увеличению изображения во второй версии InstantCMS. Если кто нашёл решение — поделитесь.
#6
1 февраля 2016 в 09:31
А почему в таком случае не вставлять изображения через редактор, единственное что только увеличиваться не будут.
Почему не будут?
а через редактор задаем класс изображения
и все будет работать,
<style> img.big {cursor: pointer; max-width: 150px;} img.big:hover {max-width: 100%;} </style>
<img class="big" src="адрес_исходного_фото" />
Sergey Necr, интересное решение, но в данном случае речь идёт об открытии картинки в модальном окне.
Вот здесь instantcms.ru/forum/thread19645-2.html предлагают такое решение:
в шаблоне страницы
Но, к сожалению, почему-то у меня не работает такой метод.
Вот здесь instantcms.ru/forum/thread19645-2.html предлагают такое решение:
в шаблоне страницы
<script type="text/javascript"> $(document).ready(function() { icms.modal.bindGallery(".nyroModal"); }); </script>
<a class="nyroModal" rel="gal" href="<?php echo '/upload/'.html_image_src($item['photo'], $fields['photo']['options']['size_full']); ?>" >
#9
2 марта 2016 в 17:48
Пытался вставить данный код в шаблон, лайтбокс появляется но показывает главную картинку, а другие не работают. Ник то еще не нашел другого решения? Тема очень важная, нужно найти решение. У кого есть какие мысли.
Да здесь все очень просто добавляем через редактор и в редакторе в исходном коде добавляем к изображению
атрибут a делаем его как бы ссылкой направляем на загруженное изображение и добавляем атрибут
rel="gal" и все откроется
К примеру вот так
атрибут a делаем его как бы ссылкой направляем на загруженное изображение и добавляем атрибут
rel="gal" и все откроется
К примеру вот так
// загруженное изображение прописано вот так <img src="/upload/изображение.png" > // Делаем вот так <a href="/upload/изображение.png" rel="gal"><img src="/upload/изображение.png" ></a> // При этом сразу можно указать и размер изображения меньше при просмотре на странице и оригинал при просмотре в окне
#11
2 марта 2016 в 21:47
Хорошее решение, но это не то, просто если к примеру у тебя в статье, друг за другом идут фотографии, штук 70 допустим. Можно с ума сойти добавлять данный тег.
#12
2 марта 2016 в 22:04
Добавить тип поля «Набор изображений» + CSS
#13
2 марта 2016 в 22:53
Это понятно но это не то, смотрите я добавляю статью идет
Описание ........................
Фото
Описание ........................
Фото
Фото
Фото
Фото
Фото
Фото
итд
Конец статьи
Вот пример Ожившие статуи на дне Атлантики
А что ты предлагаешь у меня тоже задействовано и с этим проблем нет. Ты просто добавляешь набор изображений, и все они идут друг за другом. Но между ними текст не напишешь, вот пример с этого же сайта Подружка невесты чуть не сорвала свадьбу
А я хочу, что бы было как в первом примере но при нажатии на фото открывался оригинал примерно как здесь
Жизненные волны Кондратьева
Описание ........................
Фото
Описание ........................
Фото
Фото
Фото
Фото
Фото
Фото
итд
Конец статьи
Вот пример Ожившие статуи на дне Атлантики
А что ты предлагаешь у меня тоже задействовано и с этим проблем нет. Ты просто добавляешь набор изображений, и все они идут друг за другом. Но между ними текст не напишешь, вот пример с этого же сайта Подружка невесты чуть не сорвала свадьбу
А я хочу, что бы было как в первом примере но при нажатии на фото открывался оригинал примерно как здесь
Жизненные волны Кондратьева
#15
4 марта 2016 в 10:35
Респект тебе за помощь, очень рад что понравилась статья , Colorbox установил все работает, теперь буду читать инструкцию как отключить автоматическую прокрутку.