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

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

#16 4 марта 2016 в 10:46
И еще появился вопрос как сделать так, что бы редактор загружал оригинал, а не резал изображения до определенного размера например 800х600.
#17 5 марта 2016 в 23:03
Нашел решение для больших изображений. Все оказалось намного проще чем я думал. Ставим Colorbox в поле ft_html типа контента от Олег Васильевич я. В статьях все фотки теперь открываются слайдером, но при загрузке оригинальных изображений редактор режет фотки. Для того что бы не резал переходим Админка — Компоненты — Загрузка изображений — Редактор: markItUp!
Редактор: Redactor
Редактор: Live

и выставляем в размерах допустим 8000х6000. Вот и все, теперь при загрузке изображений допустим 2800х1800 или больше, в редакторе будет показываться оригинальный размер. И вы теперь можете его уменьшить допустим 800х600, при его нажатии будет открываться оригинал. Вот пример 1-ая картинка в статье имеет размер 1920х1080, при загрузке я выставил значение 800х600.Райский отель Angsana Velavaru на Мальдивах
#18 6 марта 2016 в 03:10
pipkis, а какое поле надо добавить в тип контента? скрин не скинете по полю. Спасибо.
#19 6 марта 2016 в 06:46
Уважаемые гуру.
А как сделать так, чтобы на мобильнике изображения, которые вставлены на всю ширину сайта именно в тексте (теле) статьи (любого типа контента), адаптировалась (сжималась) по размеру дисплея?
Сейчас из коробки если загружать фотографию в тело типа контента на всю ширину, он ее (функционал ЦМС) режет и видно только часть фотографии.
Если размер уменьшаем до например 300х300 пикселей, то все "замурчательно", но все же хотелось чтобы на больших дисплеях были большие фото. а на маленьких маленькие.))) popcorn
Если есть у кого решение, отзовитесь пожалуйста))) zst
#20 6 марта 2016 в 07:25

Сейчас из коробки

skewes
Коробку в студию.
Используйте адаптивный шаблон и адаптивный функционал.
#21 7 марта 2016 в 13:07


pipkis, а какое поле надо добавить в тип контента? скрин не скинете по полю. Спасибо.

Андрей

А я никакое поле не добавляю, просто в редакторе нажимаю добавить изображение и добавляю. Вот картинка

Вот видите при добавлении фото появился оригинальный размер 1920х1080, я его меняю на 800х600 для примера.

А на самом деле я могу ничего не менять, потому что у меня адаптивный шаблон и фотография за пределы у меня выходить не будет
#22 7 марта 2016 в 13:12


Уважаемые гуру.
А как сделать так, чтобы на мобильнике изображения, которые вставлены на всю ширину сайта именно в тексте (теле) статьи (любого типа контента), адаптировалась (сжималась) по размеру дисплея?
Сейчас из коробки если загружать фотографию в тело типа контента на всю ширину, он ее (функционал ЦМС) режет и видно только часть фотографии.
Если размер уменьшаем до например 300х300 пикселей, то все "замурчательно", но все же хотелось чтобы на больших дисплеях были большие фото. а на маленьких маленькие.))) popcorn
Если есть у кого решение, отзовитесь пожалуйста))) zst

skewes

У меня theme-content.css стоит стиль такой
  1.  
  2. .content_item .ft_html .value img {
  3. background: #fff none repeat scroll 0 0;
  4. border: 1px solid #ccc;
  5. height: auto !important;
  6. margin-right: 18px !important;
  7. max-width: 100%;
  8. padding: 5px;
  9. }
  10.  
За счет него, фотка уменьшается и адаптируется, а у тебя смотреть надо.
#23 8 марта 2016 в 06:24
pipkis, спасибо большое!
А как сделать, чтобы при просмотре на большом экране выравнивание картинки было по центру?
#24 9 марта 2016 в 14:00


pipkis, а какое поле надо добавить в тип контента? скрин не скинете по полю. Спасибо.

Андрей
Вот скин
#25 9 марта 2016 в 14:04


pipkis, спасибо большое!
А как сделать, чтобы при просмотре на большом экране выравнивание картинки было по центру?

skewes
Я честно уже не помню, что я делал скинь ссылку на сайт я посмотрю и вспомню.

А выравнивание по центру можно сделать стилем text-align: center;, и в самом редакторе отметил красным

Нажимаешь сначала на картинку а потом кнопочку по центру
#26 14 марта 2016 в 16:18
pipkis, классное решение v
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.