Hot Full Carousel - плагин карусели изображений
Платформа joomla 3
Рейтинг
1 0
Разработчик HotThemes
Демо Смотреть
Скачать
Для членов клуба Вход | Регистрация

Hot Full Carousel имеет «полный» в своем названии по двум причинам. Первый, независимо от того, есть ли у вас 3 или 20 слайдов, он все время вращается в одном и том же направлении, как настоящая карусель. Вторая причина – это отзывчивость. Это отзывчивая карусель с отзывчивым поведением (если используется с отзывчивым шаблоном). На самом деле этот модуль может иметь фиксированную ширину, но также может занимать всю ширину экрана. Такое поведение поддерживается как на больших экранах мониторов, планшетах и ​​смартфонах. Конечно, чтобы это произошло, вы должны опубликовать модуль в позиции модуля, которая охватывает всю ширину экрана.

Этот модуль работает точно так же , как наш демо. Он показывает большой ряд слайдов и перемещает их влево. Некоторые части предыдущего и следующего слайдов видны. Помимо обычного режима, этот модуль имеет полноэкранный режим . Когда этот режим включен, на экране будет отображаться только один слайд, который будет занимать все свободное место. Пример такого поведения демонстрируется в демонстрации Hot Responsive Portfolio.

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

Текстовые поля, которые можно использовать для описания слайдов и добавления некоторых заголовков, являются необязательными, но полностью настраиваемыми. Ширина текстового поля, а также его положение и отступы могут быть заданы в процентах (полезно для адаптивных сайтов). Итак, если вы хотите, чтобы текстовое поле имело половину ширины слайда и было центрировано в слайде, вы можете ввести 50 (%) для ширины текстового поля и 25 (%) для горизонтального положения текстового поля. Если вы добавите отступ, например, в 1 (%), горизонтальное положение текстового поля должно быть уменьшено для этого значения (24), чтобы текстовое поле оставалось по центру. Но это всего лишь пример … Вы также можете расположить текстовое поле ближе к левому или правому краю. Есть также опция, которая может сделать текстовое поле идеально центрированным для всех размеров экрана. Если этот параметр включен, параметр «Горизонтальное положение текстового поля» будет игнорироваться.

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

Чтобы быть в курсе современных стандартов веб-дизайна, таких как CSS3 , наши текстовые поля и кнопки навигации могут иметь прозрачный цвет фона и округлые границы. Эти два параметра также могут быть настроены. Цвет текста и размер текста как в текстовых полях, так и в кнопках навигации параметризованы.

Слайды, созданные этой отзывчивой каруселью для Joomla, могут быть связаны между собой. Щелчок в любом месте на слайде может привести к другой странице вашего сайта или к любому другому адресу. Для лучшего ранжирования вашего сайта эти ссылки также могут иметь параметр «title». Стоит отметить, что каждое изображение слайдов может иметь «альтернативный» текст по вашему выбору.

Вы можете добавить префикс имени для слайд-изображений, которые будут использоваться только на мобильных устройствах. Эта опция работает только в адаптивном режиме. Любое слово, введенное для параметра «Префикс имени для мобильных оптимизированных изображений», будет добавлено в начало имен ваших изображений. Это полезно, если вы хотите, чтобы на мобильных устройствах отображались разные изображения (оптимизированные для мобильных экранов). Например, ваше изображение для слайда – image.jpg, и вы вводите small_ для этого параметра. В этом случае на рабочих столах для слайда будет использоваться image.jpg , а на мобильных – small_image.jpg для того же слайда. Вы можете оставить этот параметр пустым, если хотите, чтобы одни и те же изображения использовались на всех устройствах.

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

To report this post you need to login first.