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

Как можно вставить в статьи изображения увеличивающиеся до оригинала?

#1 13 ноября 2015 в 01:42
Собственно, как можно вставить в статьи изображения увеличивающиеся до оригинала при клике? Сам так и не смог разобраться после долгих поисков.

Что бы можно было добавить несколько изображений на страницу, которые будут увеличиваться при нажатии на картинку. Пример прикрепил.
Прикрепленный файл
1_6jdar.jpg 170 Кб
#2 13 ноября 2015 в 08:25
Какая версия "движка"?
PS На 1.10.6 работает.
#3 14 ноября 2015 в 00:49
InstantCMS 2.3.0

1.10.6 тоже использую. Как в ней, 1.10.6, реализовать?
#4 14 ноября 2015 в 01:05
P.S. По "Набор изображений" в InstantCMS 2.3.0 знаю, но ведь там сразу все картинки и в верху статьи показываются. А вот как по статье разбросать по пару штук?
#5 1 февраля 2016 в 09:17
Господа, хотелось бы поднять тему по увеличению изображения во второй версии InstantCMS. Если кто нашёл решение — поделитесь.
#6 1 февраля 2016 в 09:31
Олег
А почему в таком случае не вставлять изображения через редактор, единственное что только увеличиваться не будут.
#7 1 февраля 2016 в 12:03
Почему не будут?
  1. <style>
  2. img.big {cursor: pointer; max-width: 150px;}
  3. img.big:hover {max-width: 100%;}
  4. </style>
  5.  
а через редактор задаем класс изображения
  1. <img class="big" src="адрес_исходного_фото" />
и все будет работать,
#8 2 февраля 2016 в 07:00
Sergey Necr, интересное решение, но в данном случае речь идёт об открытии картинки в модальном окне.
Вот здесь instantcms.ru/forum/thread19645-2.html предлагают такое решение:
в шаблоне страницы
  1. <script type="text/javascript">
  2. $(document).ready(function() { icms.modal.bindGallery(".nyroModal"); });
  3. </script>
  1. <a class="nyroModal" rel="gal" href="<?php echo '/upload/'.html_image_src($item['photo'], $fields['photo']['options']['size_full']); ?>" >
Но, к сожалению, почему-то у меня не работает такой метод.
#9 2 марта 2016 в 17:48
Пытался вставить данный код в шаблон, лайтбокс появляется но показывает главную картинку, а другие не работают. Ник то еще не нашел другого решения? Тема очень важная, нужно найти решение. У кого есть какие мысли.
#10 2 марта 2016 в 21:39
Да здесь все очень просто добавляем через редактор и в редакторе в исходном коде добавляем к изображению
атрибут a делаем его как бы ссылкой направляем на загруженное изображение и добавляем атрибут
rel="gal" и все откроется

К примеру вот так

  1.  
  2. // загруженное изображение прописано вот так
  3. <img src="/upload/изображение.png" >
  4. // Делаем вот так
  5. <a href="/upload/изображение.png" rel="gal"><img src="/upload/изображение.png" ></a>
  6. // При этом сразу можно указать и размер изображения меньше при просмотре на странице и оригинал при просмотре в окне
  7.  
#11 2 марта 2016 в 21:47
Хорошее решение, но это не то, просто если к примеру у тебя в статье, друг за другом идут фотографии, штук 70 допустим. Можно с ума сойти добавлять данный тег.
#12 2 марта 2016 в 22:04
Добавить тип поля «Набор изображений» + CSS
#13 2 марта 2016 в 22:53
Это понятно но это не то, смотрите я добавляю статью идет
Описание ........................
Фото
Описание ........................
Фото
Фото
Фото
Фото
Фото
Фото
итд
Конец статьи
Вот пример Ожившие статуи на дне Атлантики

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

А я хочу, что бы было как в первом примере но при нажатии на фото открывался оригинал примерно как здесь
Жизненные волны Кондратьева
#15 4 марта 2016 в 10:35
Респект тебе за помощь, очень рад что понравилась статья smile, Colorbox установил все работает, теперь буду читать инструкцию как отключить автоматическую прокрутку.
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.