Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Увеличиние картинок статьи. И добавление видео в статьи.


AlexShurik

Recommended Posts

Подскажите пожалуйста елси кто-то знает, как в статьях увеличивать картинки, по принцыпу lightbox или что-то подобное. То есть когда я в статьи добавлю множество картинок, во frongende при клике на нее она должна увеличивается, так же, как и фото товаров.

А также мне нужно добавить видео в статьи, как это можно реализовать?

Буду весьма благодарен!

Надіслати
Поділитися на інших сайтах

  • 2 weeks later...

Если вы под статьями подразумеваете модуль news, то в редакторе (поле Полный текст) добавляете картинку нужных вам размеров (размеры выставляете в окне Свойства изображения). А для того, чтобы она увеличивалась на вкладке Данные ставите галку Lightbox plugin для изображений.

Для вставки видео я, например, в редакторе перехожу в режим Источник, и вставляю код видео, например такой

<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/eLkWodqDMWQ" width="420"></iframe>
Надіслати
Поділитися на інших сайтах


под статьями я подразумевал стандартное создание текстовых страниц в админке Каталог/Статьи. Модулем news я не пользуюсь. Нужно в стандартных статься увеличивать изображение. Как это реализовать.

Видеой через iframe я знаю как добавлять, можно ли это сделать указанием обычной ссылки? Что для этого нунжо сделать?

Надіслати
Поділитися на інших сайтах

В статьях в редакторе добавьте изображение через соответствующую иконку. При добавлении выставьте в окне Свойства изображения высоту и ширину превью. Затем включите режим Источник и обрамите тег <img> ссылкой на оригинальное изображение

<a class="fancybox" href="http://ВАШ_САЙТ.ru/image/data/image.jpg" rel="fancybox" title="title"><img alt="Text" src="http://ВАШ_САЙТ.ru/image/cache/data/image-250x173.jpg" style="float: left; height: 173px; width: 250px; padding-right: 10px;" /></a>

Обратите внимание на class и rel. Вместо fancybox может быть colorbox (в зависимости от того, какую библиотеку вы используете).

По видео не понял, какая ссылка? Копируете html-код самого видео и вставляете в режиме Источник.

  • +1 1
Надіслати
Поділитися на інших сайтах


Решил все сам. Для увеличения изображений использую lightbox2. С помощью jquery (wrap) обертаю мою картинку в тег "а" с нужными параметрами и все отлично работает. Для добавления видео обновил CKeditor, до версии 4.22, который позволяет вставлять как ссылки на видео, так и код.

Надіслати
Поділитися на інших сайтах

  • 3 weeks later...
  • 1 year later...

 

Если вы под статьями подразумеваете модуль news, то в редакторе (поле Полный текст) добавляете картинку нужных вам размеров (размеры выставляете в окне Свойства изображения). А для того, чтобы она увеличивалась на вкладке Данные ставите галку Lightbox plugin для изображений.

Для вставки видео я, например, в редакторе перехожу в режим Источник, и вставляю код видео, например такой

<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/eLkWodqDMWQ" width="420"></iframe>

Добрый день!

Помогите разобраться. Я хочу в статью вставить окно видео, так как буд то это фотография. Как мне это сделать? Опен карт сторэ может вставлять только фотографии!

Если подскажете, то буду очень благодарень! Только чуть подробнее, если можно, чтобы я смог разобраться в вашем ответе.

Заранее спасибо!

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.