Обзор Droppics. Картинки в Joomla 3. Джумла 3 слайдер изображений

Droppics – слайдер картинок Joomla 3

Droppics – удобный и функциональный медиа-менеджер Joomla с возможностью создания слайд-шоу, галерей и отдельных изображений. Есть встроенный редактор с возможностью увеличения (уменьшения) картинок и добавлением некоторых эффектов. Также можно использовать видео с YouTube, Vimeo и Dailymotion. Компонент удобный и весьма простой в использовании. Он интегрируется с редактором материалов Joomla и позволяет, не выходя со страницы редактирования материала, работать с картинками. Есть поддержка drag-and-drop. То есть, Вы можете менять порядок следования картинок и добавлять их в галереи простым перетаскиванием мыши. Помимо создания галерей, слайдеров и слайд-шоу можно вставлять в материалы Joomla отдельные картинки. Это значит, что, загрузив картинку в Droppics один раз, можно будет использовать её на разных страницах в разном «виде».

В предыдущих статьях мы уже рассматривали платные и бесплатные расширения для создания галерей и слайд-шоу: RSMediaGallery, Simple Image Gallery, Phoca Gallery, sigplus, DJ-MediaTools и Layer Slideshow.

Примеры можно увидеть на демонстрационном сайте разработчика.

В обзоре будет участвовать последняя, на момент написания статьи (27.12.2016), русскоязычная версия Droppics в Joomla 3.6.5. Редактор материалов TinyMCE 4.4.3. Шаблон админки Джумла – Isis 1.0, шаблон сайта – protostar 1.0.

На официальном сайте расширений Joomla 35 отзывов, расширение добавлено 19 ноября 2014.

Общий рейтинг – 100 из 100.
Функциональность – 100 из 100.
Простота использования – 100 из 100.
Документация – 100 из 100.
Поддержка – 100 из 100.
Соотношение цена\качество – 100 из 100.

Расширение платное, на данный момент от $29.

Особенности Droppics

Рассмотрим основные, на мой взгляд, особенности и возможности слайдера картинок Joomla 3.

Разное.

Совместимость с Джумла 3.
Переведён на русский, английский французский и португальский языки (рисунок ниже).
Поддержка перетаскивания изображения мышью (drag-and-drop).
Прост в управлении.
Интеграция с редактором материалов Joomla (с любым).
Возможность работы во фронтальной части сайта.
Возможность импорта картинок Joomla (из папки «images») в Droppics для дальнейшей работы с ними.
Навигация по галерее во фронтальной части реализована на основании AJAX, что не требует перезагрузки страницы.
Поддержка разграничений прав доступа\управления галереями на основании групп пользователей Джумла (Joomla ACL).
Ускоренная загрузка галерей. Если Вас интересует вопрос ускорения сайта в целом, а также снижение нагрузки на сервер, ознакомьтесь со статьями «Обзор JCH Optimize Pro. Увеличение скорости загрузки Joomla» и «Обзор JotCache. Кэширование Joomla 3».
HTML5 загрузчик изображений.
Возможность загрузки изображений из папки на мобильных устройствах. Совместимость с iPhone, iPad и Android.
Компонент полностью основан на фреймворке Joomla, что повышает вероятность его интеграции со сторонними расширениями.
Интеграция с K2, FLEXIcontent, Zoo и различными CCK (от англ. Content Construction Kit— система создания контента или конструктор контента). Интеграция с любыми расширениями Joomla, которые поддерживают обработку плагинов содержимого (например, VirtueMart).

Поддержка обновления компонента средствами самой CMS.
Ограничения на размер загружаемых изображений.
Наличие множества настроек.
Наличие документации и обучающего\демонстрационного видео (на английском языке).

Картинки в Joomla 3

Поддерживаемые типы содержимого.

Картинки.
Видео с YouTube, Vimeo и Dailymotion.

Видео галерея

Редактирование картинок.

Увеличение (уменьшение) изображений Joomla (рисунок ниже). Картинки не масштабируются, а создаются отдельные изображения с заданным размером. Это положительно влияет на скорость загрузки сайта.
Генерация миниатюр изображений. Автоматически при добавлении изображений или по запросу пользователя. Картинки хранятся в трёх «состояниях»: оригинальное, большое, миниатюра. Возможно задать свои собственные размеры, применяемые к изображениям при загрузке (это потом можно сменить).
Сжатие изображений при их загрузке на сайт.
Обрезка.
Применение эффектов и фильтров (доступно более 30 вариантов).
Отступы.
Граница.

Радиус скругления углов границы.
Тень.
Выравнивание изображений.
Добавление\изменение SEO-информации: имя файла, заголовок, замещающий текст (alt).
Сохранение копии оригинального (загруженного Вами) изображения. Это даёт возможность в любой момент применить любые другие изменения или вернуться к исходному состоянию картинки.

Увеличение изображения в Joomla

Представление картинок.

В виде галерей (рисунок ниже). Доступно 6 тем. Возможность задавать действие по нажатию на миниатюру картинки (или открывать увеличенную во «всплывающем окне» lightbox, переходить по любому URL, переход на пункт меню Joomla или на материал). Можно создавать вложенные одна в одну галереи.
Наличие «бесконечной» прокрутки галереи, содержащей большое количество картинок/видео.
В виде слайд-шоу. С подписями к слайдам и настройкой их отображения.
Отдельной картинкой.
Отображение картинок и галерей Droppics в стандартном модуле Joomla «HTML-код».
Отображение картинок и галерей Droppics в любой текстовой области Джумла. То есть, если в админке или фронтальной части сайта есть возможность добавления текста при помощи любого редактора материалов, там можно использовать Droppics.

DroppicsСлайдер картинок Joomla 3

Редактирование галереи

Как уже упоминалось выше, в Droppics есть шесть тем оформления изображений (тем). При редактировании разных тем Вам будут доступны разные настройки. Причём, Вы можете задать одинаковые параметры для каждого типа в настройках «глобальных» Droppics. Эти параметры будут применяться по умолчанию к новым галереям\слайдерам картинок. Но при необходимости для каждого отдельного слайдера или галереи можно задать свои собственные. Нажимая на зелёную кнопку Новая галерея в левом верхнем углу окна Droppics Вы сможете создавать новые галереи для которых сможете задавать отдельные друг от друга параметры.

На рисунке ниже показан пример для настроек тем (слева на право): Default (Тема по умолчанию), Carousel, Masonry.

Редактирование галереи (1)

На рисунке ниже показан пример для настроек тем (слева на право): Polaroid, Heapshot, BxSlider.

Редактирование галереи (2)

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

Тема DefaultТема CarouselТема MasonryТема PolaroidТема HeapshotТема Bxslider

Редактирование картинки в Joomla 3

Droppics позволяет редактировать изображения в самой Джумла. Набор инструментов может немного отличаться в зависимости от того, какую тему галереи Вы выберете. На рисунке ниже показан пример редактирования картинки с выбранной темой BxSlider. Как видите, есть возможность:

Задавать отступы.
Делать обводку с выбором цвета и радиусом скругления углов.
Задавать действие, которое будет происходить по нажатию на объект.
Указать\изменить подпись, заголовок, замещающий текст и имя файла.
Задать выравнивание (в галерее).
Можно задать и оформить подпись слайда.

Редактирование изображений в Джумла 3

Помимо этого, можно увеличить (уменьшить) изображение прямо в Joomla. Сам предпочитаю так не делать. Если Вам интересно почему, ознакомьтесь с этой статьёй. Там же Вы найдёте рекомендации касательно подготовки изображений к загрузке на сайт. А в этой статье Вы найдёте рекомендации касательно имён файлов.

Droppics даёт возможность изменять размер миниатюры, оригинального (исходного) файла и создавать множество копий изображения разного размера. Нажав на иконку карандашика справа от названия размера, Вы перейдёте к редактированию изображения (рисунок ниже).

Редактирование изображения

Помимо изменения размера, обрезки, отражения и поворота Вы сможете применить такие «фильтры»:

Brightness – Яркость.
Contrast – Контраст.
Saturation – Насыщенность.
Vibrance – Красочность.
Exposure – Воздействие.
Hue – Оттенок.
Sepia – Сепия.
Gamma – Гамма.
Noise – Шум.
Clip – Клип.
Sharpen – Резкость.
StackBlur – Размытие.

Плюс, в спадающем списке можно выбрать ещё 18 эффектов, которые будут применены к изображению.

Настройки

У компонента слайдера картинок Joomla 3 есть много настроек, которые позволяют сконфигурировать компонент под Ваши потребности. Настроек достаточно много. Они разделены на десять вкладок.

Основные параметры.
Одно изображение.
Тема по умолчанию.
Тема Masonry.
Тема Carousel.
Тема Polaroid.
Тема Heapshot.
Тема BxSlider.
Live update. Тут Вы сможете настроить автоматическое обновление компонента. Для этого нужен доступ к сайту разработчика и активный статус подписки (лицензия на обновление) на расширение.

Права. На данной вкладке собраны стандартные для Joomla опции, которые позволяют разграничить права доступа пользователей к Droppics и картинкам.

Рассмотрим наиболее интересные, с моей точки зрения, опции.

Вкладка Основные параметры (рисунок ниже). Тут можно задать одинаковые для всех настройки ширины и высоты разных «типов» изображений, можно установить уровень сжатия для загружаемых изображений формата JPG и PNG. Это даст возможность изменять размер и оптимизировать качество картинок при их загрузке на сайт.

Основные параметры

Опция Показывать импорт изображений активирует инструмент импорта (рисунок ниже) уже имеющихся у Вас на сервере изображений в Droppics. А опция Добавить внешнее видео позволит использовать в слайдере Joomla видео с YouTube, Vimeo и Dailymotion.

Импорт картинок в Droppics

Вкладка Одно изображение (рисунок ниже). Позволяет настроить значение опций по умолчанию, применяемых при редактировании одного изображения (рассмотрено выше в статье в разделе «Редактирование картинки в Joomla 3»).

Благодаря настройке Предварительно заданный размер одного изображения можно создать несколько вариантов размеров, до которых можно будет изменять картинки.

Одно изображение

Вкладки Тема по умолчанию, Тема Masonry, Тема Carousel, Тема Polaroid, Тема Heapshot, Тема BxSlider содержат настройки, которые позволят Вам сконфигурировать соответствующие темы одноимённые темы слайдера картинок Joomla 3, которые были рассмотрены в статье выше в разделе «Редактирование галереи». На рисунках ниже показано содержимое каждой из вкладок.

Тема по умолчаниюВкладка Тема MasonryВкладка Тема CarouselВкладка Тема PolaroidВкладка Тема HeapshotВкладка Тема BxSlider

Надеюсь, что данный обзор дал Вам конкретное представление, что именно может предложить Droppics. И если Вам нужно расширение для работы с картинками в Joomla 3, рекомендую рассмотреть этот компонент как один из вариантов.

DJ-ImageSlider v3.2.3 - компонент слайд-шоу изображений для Joomla

Описание расширения

Расширение позволяет создать слайд-шоу из уже имеющихся на хостинге изображений, не загружая их заново. К тому же, если загружать графические файлы через компонент DJ ImageSlider, из них можно создать группу и комбинировать их как вам угодно.

Примечательно, что расширение Joomla DJ-ImageSlider не ограничивает размеров изображений - вы можете уменьшить слайдер до размера спичечной головки или же растянуть на всю площадь экрана. Также настройки слайдера позволят вам:

Выбрать один из двух вариантов ориентации: вертикальную или горизонтальную;
Работать с ним как с компонентом, или как с отдельным модулем, показывающим картинки из папок;
Добавить к изображениям описания и ссылки;
Настроить ширину и высоту слайдера;
Выбрать количество отображаемых изображений.

Не вполне удобным является только то, что размер слайдера является абсолютным (в пикселях), а не относительным (в процентах). А это значит, что при отображении на маленьких экранах слайдер может занимать слишком много места и не помещаться на его ширину.

Что касается дополнительных опций в настройке показа слайдов, вы можете установить ручной или автоматический режим смены изображений. В ручном переключение между картинками может осуществляться как с помощью кнопок на экране, так и при помощи кнопок или колесика мышки. Обратите внимание и на то, что если вы используете только модуль слайд-шоу, ко всем изображениям можно прикрепить только одну гиперссылку, а компонент Joomla DJ ImageSlider позволяет назначить каждому изображению собственную. И, конечно же, компонент дает возможность установить эффекты перехода между изображениями. Какие именно - ищите в настройках.

www.joomfox.org

Hot Image Slider PRO v3.0.2

Это премиум версия нашего бесплатного модуля Hot Image Slider и она разработана эксклюзивно для участников клуба HotThemes. Он включает все хорошо известные функции Hot Image Slider и множество дополнительных, которые делают этот модуль лучше, чем когда-либо. Этот модуль вполне можно использовать вместе со всеми современными адаптивными шаблонами, поскольку этот модуль адаптивен так же как и PRO версия.

Hot Image Slider PRO – это адаптивный Joomla слайдер, иначе говоря полностью настраиваемый ротатор изображений, основанный на jQuery. С помощью параметров модуля вы можете контролировать выдачу модуля, используя множество вспомогательных инструментов, таких как браузер изображений или панель выбора цвета. Размеры модуля высчитываются динамически исходя из размера экрана пользователя, но вы можете ограничить максимальную ширину модуля.

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

Функции

Использование jQuery: включение или отключение использование jQuery. Если ваш шаблон уже использует Jquery, вы можете отключить его, чтобы избежать потенциальных проблем.
Максимальная ширина модуля: Этот модуль динамически высчитывает размер, но можно ограничить максимальный размер модуля.
Тип анимации: выберите между скольжением и затуханием
Ширина рамки: Толщина рамки вокруг изображений. Введите числовое значение в пикселях или 0, чтобы скрыть рамку.
Цвет рамки: выберите цвет рамки в удобной панели выбора цвета.
Цвет названия и описания: вы можете выбрать цвет текста с помощью панели выбора цвета.
Заголовок изображения, будет показан, если активирована соответствующая функция.
Описание изображения: будет показано, если активирована соответствующая функция

cmsheaven.org

Image Slider – слайдер изображений Joomla

Отличная команда ARI Soft, которая занимается разработкой наиболее продвинутых расширений, не забывает и о практически наиболее модном ныне направлении – создание слайдеров. Все дело в том, что этот модуль самый популярный, и присутствовать он должен почти на каждом ресурсе. Потому данный слайдер изображений Joomla и сделали таким функциональным, открывая возможности по его тонкой настройке каждому из пользователей. Как и прочие подобные разработки этого производителя, количество настроек даже для такого простого расширения порадует многих, но они не навязывают их, а потому практически сразу вы получаете, рабочий слайдер, просто готовый к изменениям, если это потребуется. Ко всему прочему, он еще может сотрудничать с 5 другими дополнениями, среди них фигурируют фирменные разработки, которые выводят изображения в лайтбоксе.

Основной список возможностей

Поскольку это обычный вид расширений, особых опций в списке возможностей увидеть не ожидаешь. Тем не менее, в данном случае удается обзавестись очень даже неплохими инструментами влияния на внешний вид слайдера. Главная «фишка», которой захотят воспользоваться почти все – это разработка ваших личных тем, но к этому еще прибавляются эскизы. Само по себе переключение изображений может происходить 16 разными способами, благо над эффектами хорошо поработали. Помимо названий, к слайдам, при желании, можно прикреплять ссылки, и даже задавать цель ссылки, в каком виде ей открыться. Все это прописывается в INI – файле, хотя с этим не каждый захочет связываться.

«Как и положено хорошему слайдеру, загрузка в него контента не должна составлять труда. В данном случае просто указывается папочка, а также тип сортировки загружаемых файлов. Вы в настройках сможете задавать условия использования навигации, то есть с помощью клавиатуры или переключателей на полотне слайдера. А в помощь этому, под ним, расположатся специальные активные точки, при наведении показывающие миниатюры имеющихся слайдов. В итоге, этот Joomla модуль слайдер обеспечит отличный формат отображения для выбранных картинок. Самое главное, что он не против обоюдного использования решений для лайтбокс эффекта».

Полная универсальность

Самым важным фактором в его работе является то, что весь список нынешних браузеров спокойно отображают все имеющиеся эффекты и прочие рабочие элементы. А потому для вас вполне правильным решением будет скачать слайдер Joomla и в полной мере наслаждаться тем, как освежился вид вашего проекта.

joomru.com

Simple Slider – слайдер изображений Joomla

У Jextensions уже есть несколько решений, которые предполагают размещение слайдера на страницах вашего великолепного ресурса. Тем не менее, когда есть выбор – это здорово, так что Joomla модуль слайдер, обеспечивающий организацию слайдшоу, обязательно найдет своих почитателей. Работа с ним будет очень простой, поскольку Данная разработка использует JQuery, и насчет некоторых моментов с его активацией речь пойдет немного ниже. Ну а сам модуль, не представит никаких сложностей во время работы, ведь процесс его настройки будет состоять лишь из пары нажатий. Тем не менее, разработчик предоставляет возможность и для некоторых ручных настроек, поскольку пользователи любят вносить свою лепту даже в такие простые расширения. Но и в данном случае, автоматизация процесса лишь поможет и ускорит задачу.

Возможности слайдера

Самое главное, чем цепляет данный слайдер – это пара моментов. Первый – загрузка картинок будет происходить с помощью указания папки, и весь нужный вам объем изображений автоматически попадет в этот блок. Но, несмотря на установленный системой размер, вы сможете самостоятельно корректировать параметры картинок – это и есть второй приятный сюрприз. Тем не менее, даже когда будет происходить внедрение картинок в слайдер с пользовательскими настройками, алгоритм работы устроен так, что все картинки будут обрезаться до подходящих к окну отображения размеров. Такой ход полностью исключит шансы на «кривое» слайдшоу.

«Очень интересно устроена анимация системы переключения слайдов. Помимо ползунка, который обозначает и подчеркивает отображаемый в данный момент слайд, при наводке на него курсором, появляется миниатюра картинки, и, нажав на нужную вам, можно увидеть любой из загруженных файлов в полном размере. К тому же слайдер изображений Joomla, при этом использует не примитивную анимацию, а вертикальное появление, ну а при смене позиции, миниатюра уходит вверх и растворяется, что смотрится довольно эффектно».

Избегаем конфликтов

Как и многие другие решения, этот модуль может неверно работать, если ранее вы задействовали какой-то продукт, где также активировали JQuery. Благодаря продуманным настройками, которые помогут даже загрузить эту библиотеку, стоит всего лишь отключить параметр, и все будет работать. В любом случае, скачать слайдер Joomla идея хорошая, ведь он поспособствует обогащению проекта полезной информацией, и более детально обозначит тематику, которую вы избрали для своего сайта. Даже рекламные заготовки будут эффектно смотреться в таком решении.