Slider responsive: Image Slider — Jssor Slider


Slider — Ultimate Responsive Image Slider — Плагин для WordPress

  • Детали
  • Отзывы
  • Установка
  • Разработка


Ultimate responsive image slider is a responsive image photo slider plugin for WordPress blog users. You can add infinite image slides in a single slider using multiple image uploader. You can publish unlimited slider on your blog. The slider image gallery it creates provides a beautiful aura on your website.

How to add slider on website?

Responsive slider plugin has various settings like customizable height and width, auto play slides, slide thumbnails, navigation buttons and much more. You can configure each image slider gallery setting individually and accordingly to you. You can show slider within the Page or Post content.

How to use [URIS id=123] shortcode?

Copy and paste [URIS id=123] shortcode, you can publish this responsive image slider plugin on any Page or Post on your WordPress website.

Free Plugin Features:

  • Fully Responsive Slider Plugin
    It is fully adjustable with any screen size or device resolution.

  • Multiple Image Uploader
    You can upload multiple images at the same time on your website.

  • Add Unlimited Image Slides Into Single Slider
    Add unlimited number of images to a single slider for better visibility by taking lesser place.

  • Show Multiple Sliders Into Single Page / Post
    You can put as many sliders on a single page or post as you want.

  • Image Slider Setting Dashboard
    Neat and clean admin panel to configure your responsive image slider plugin.

  • Enable/Disable Slider Title
    Show or hide your image slider title as per your requirement.

  • Enable/Disable Slide Description
    Decide whether you want to show or hide description text on your slide.

  • SEO Friendly Slider
    You can set each slide image alt tag to make slider and website image truly SEo friendly.

  • Enable/Disable Navigation Bullets
    Show or hide Navigation bullets on your photo album gallery.

  • Enable/Disable Slide Thumbnails
    Show or hide preview image (thumbnail) for your slide.

  • Customize Thumbnail Position (New)
    Put your thumbnail position on top or bottom of your gallery.

  • Customize Thumbnail Width And Height (New)
    Specify a specific width or height to your thumbnail.

  • Auto Height Option (New)
    Image slider will automatically adapt to the size of the image.

  • Label And Description Color Settings (New)
    Give unique font color or background color according to your need.

  • Added Font Style (New)
    Give a stylish font style to your existing fonts.

  • Customize Slider Distance (New)
    Decide what will be the appropriate distance between two image slides.

  • Slide Scale Mode(New)
    Scale all images according to your size requirement.

  • Slider Order – Ascending , Descending and Random (New)
    Select from which sequence your first image slide will start.

  • Clone Slider
    You can make multiple copy of previously created slider so easily by hitting a clone slider button.

  • All Major & Latest Browser Compatible (IE, Chrome, Firefox)
    Responsive image slider plugin is compatible with all major internet browsers.

  • All Major Device Support
    Works on smaller screen sizes, mobiles and tabs efficiently without any problem.

  • Multilingual Translation Ready
    Works with almost every available language in the world.

  • Drag And Drop Image Position
    Change image slide sequence through simple drag and drop feature.

Check Slider Pro Live Demo

Get Slider Pro Buy Now

If you have any question contact us at here: Plugin Support Forum

  • Slider Preview Above Content
  • Slider Preview Between Content
  • Slider Preview Below Content With Bullets Navigation
  • Slider Preview With Thumbnail Navigation
  • Slider Preview Without Bullets & Thumbnail Navigation
  • Slider Preview With Custom Height & Width
  • Slider Preview With Custom Height & Width
  • Slider Preview With Content & Without Bullets & Thumbnail Navigation
  • Slider Preview With Thumbnail Navigation Two
  • Add Slide Images Through Plugin Media uploader
  • Slider Settings For Individual Slide Show
  • Slider Shortcode Copy Widget Within Plugin Dashboard
  1. Upload the entire responsive-image-slider folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the Plugins menu in WordPress admin.
  3. Create new gallery, Use [URIS id=123] shortcode to publish your image slider into any page or post.

How do I add image slider on website page?

Just add slider shortcode on on that page and then it will appear on that page.

Is this slider plugin responsive?

Yes, it is responsive adapt any kind of media device width.

Just add slider shortcode on on that page and then it will appear on that page.

Can I Add Unlimited Slides with help of this slider plugin?

Yes, you can add Unlimited images slides in this plugin , you can easily change their layout position through drag and drop them.

Will Ultimate Responsive Image Slider Plugin work with my theme

Yes, Its work with any theme, include the al WordPress default themes also.

I add and remove slider but nothing happen

May be possible that you have installed any cache plugin, please delete the old cache.

Can I able to display slider on any post or page?

Yes, just put the slider shortcode [URIS id=123] on your post/page.

Just put this code

Please use WordPress support forum to ask any query regarding any issue.

Ultimate Responsive Image Slider is one of the best image slider plugins available for free. The Slider plugin is a responsive image slider for WordPress that allows you to easily create and manage image slideshows on your website. It features a user-friendly interface, multiple transition effects, and the ability to customize the look and feel of the slider. Additionally, it is fully responsive and mobile-friendly, ensuring that your image slideshows will look great on any device. Overall, the URIS plugin is a solid choice for anyone looking to add a responsive image slider to their WordPress website.

En segundos dominas este magnífico plugin

Working good previously but duw to some unknown issues it not working properly on website. i also generate a ticket but still didnot resolved my issues.

Simple, effective, good support, no fuss, and anyone can use it. I’ve 2 clients who are already in retirement, each have different websites and objectives, but they really wanted to create posts from time to time, and wanted to have sliders for galleries to share memories of the past, and this plugin is definitely the easiest one to teach anyone in the stage how to use and implement it. If it works for them, certainly it can work for you!

As a senior of seniors I frequently need wp plugin help. WP Frank is one of the best I have found. Their software does what it says and they SERVICE IT SUPERBLY. Thanks Jim from creeksidehobbyshop

The software is very easy to use and the developer even helped me change some functions. very perfect.thanks Frank!

Посмотреть все 232 отзыва

«Slider — Ultimate Responsive Image Slider» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:



Перевести «Slider — Ultimate Responsive Image Slider» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

  • Donate link removed from readme
  • Plugin details and sub pages updated
  • Tested with latest WordPress
3.5.7 + 3.5.8
  • Tested with latest WordPress
  • Setting bug fixed: Distance Between Slide and Thumbnail Position
  • Latest WordPress version 5.9.1 compatibility checked
  • Post title error notice fixed
  • Latest WordPress version 5.9.1 compatibility checked
  • Cross-Site Scripting (XSS) Vulnerabilities issue fixed
  • Security issue fixed
  • Latest WP version 5.7.2 compatibility checked
  • Latest WP version 5.7 compatibility checked
  • Latest WP version 5.6.1
  • New Slider Factory plugin ad added
  • Latest WP version 5.6 compatibility tested
  • Latest WP version compatibility tested
  • Bug Fixed: Adding image slides sorting bug fixed
  • Major bug fixed: Many Users reported that slider image not displaying after major update release, It’s fixed now, feedback appreciated by users.
  • UI Bug Fix: At All Sliders page «Screen Options» button fixed
  • New Feature: Slide sorting
  • Compatible to latest WordPress release
  • language file updated
  • New Feature: Cloning slider (beta) — all users feedback is appreciated.
  • Recover old sliders code bug fixed. Now, you can recover your old slider perfectly.
  • Custom image cropping removed
  • Recover Old sliders page, Important Notice section «wrong plugin version 3.1.9 and 3.1.0» updated to «correct plugin version 3.3.9 and 3.3.10»
  • Old slider recovery option added
  • Dashboard count error fixed by recommit
  • All setting rearranged together
  • Some settings renamed with appropriate names
  • New setting: Set slider alt tag easily
  • New setting: Title hide or show
  • New setting: Description hide or show
  • Deprecated Setting: Slider Post Title
  • All setting new preview screenshots added
  • Language file updated
  • Directory structure changed
  • More SEO friendly slides now
  • Unused assets removed
  • Language file updated
  • Typos fixed
  • Library updated
  • WordPres 5.3.1 compatibility checked
  • Version 3. 3.9 to 3.3.10 update checked
  • Products page updated
  • Set Slide Title As setting removed
  • UI design issues fixed with latest WordPres 5.3.1
  • Help and Support page site migration section removed, no more recommended with new code
  • unused assets remove from plugin
  • new update
  • author name update
V 3.3.6
  • Ragular check and update
V 3.3.5
  • Tested upto wp 5.2
V 3.3.4
  • plugin will get major update soon
V 3.3.3
  • Security update
V 3.3.2
  • Banner updated
V 3.3.1
  • Admin layout updated
V 3.3.0
  • Tested upto wp 5.1
V 3.2.16
  • Fixed issue when jQuery is loaded in footer
V 3.2.15
  • SEO Improvement
  • Updated Pro Banner
V 3.2.14
  • Added Check Pro Banner
V 3.
  • Added Our Premium Plugins
  • Fixed bug when updating image URLs after website migration
V 3.2.12
  • Fixed Pro Banner Placement
V 3.2.11
  • Add Slider Text Alignment Setting
  • Add New Pro Banner
V 3.2.10
  • Contributor removed
V 3.2.9
  • Bug Fixed : Openhand cursor not found
  • Add Pro Banner
V 3.2.8
  • Pro details added
  • meta box labels updated
  • secure Urls added
V 3.2.7
  • Update Review Button
  • Update close icon of slider in dashboard
  • Bug Fixed : Autoplay Slider Speed’s span not visible
V 3.2.6
  • continuty update
V 3.2.5
  • continuty update
V 3.2.4
  • Plugin size minimized and minor update
V 3.2.3
  • New plugin author assinged FARAZFRANK
  • Plugin minimized
V 3.2.2
  • Language files Updated
  • Bug Fixed: Fontawesome Fonts
V 3.
  • Version Update + Compatible upto wp 4.9.8
V 3.2.0
  • Compatible with Page elementor plugin
  • Version Update + Compatible upto wp 4.9.7


Посмотреть все

  • 5 звёзд 185
  • 4 звезды 17
  • 3 звезды 9
  • 2 звезды 9
  • 1 звезда 12

Войдите, чтобы оставить отзыв.




Решено проблем за последние 2 месяца:

1 из 4

Перейти в форум поддержки

Swiffy Slider — адаптивная и мобильная сенсорная карусель

Swiffy Slider — адаптивная и мобильная сенсорная карусель

Сверхбыстрый и легкий слайдер и карусель

Совершенно новый подход к слайдерам и каруселям с использованием современных функций браузера.

Запустите тест маяка на этой странице и на странице примеров, просто чтобы увидеть…

3 КБ CSS. 1,2 КБ JS.

Начать Конфигуратор

На данный момент: v1.6.0 ·Документация·Примеры

  • Многофункциональный

    Поддерживает все распространенные варианты использования

    Удобная для мобильных устройств и потрясающая поддержка сенсорного ввода

    Слайд любого контента в любой структуре разметки

  • Современный CSS

    Использует сетку CSS для управления слайдами и пробелами

    Привязка прокрутки для управления сдвигом и выравниванием

    Переопределяемые переменные CSS для управления макетом

  • Настройка с использованием разметки

    Очень простая структура разметки

    Используйте любой элемент html — ul, div, button и т. д.

    Применить собственные классы и атрибуты в разметке, нет js

  • Легкий и быстрый Javascript

    Небольшой размер — < 1,5 КБ!

    Автоматическая или ручная инициализация

    Простой и удобный в использовании API — доступен ESM

  • Визуальный конфигуратор

    Простой пользовательский интерфейс для настройки ползунка

    Сразу же посмотрите и попробуйте изменения

    Поделитесь конфигурацией по ссылке

    Попробуйте конфигуратор

Быстрый старт

CSS и Javascript

Скопируйте и вставьте таблицу стилей и javascript


Скопируйте и вставьте приведенный ниже HTML-код в вашей разметки.

  • <тип кнопки="кнопка"> <тип кнопки="кнопка"> <дел> <кнопка> <кнопка> <кнопка>


    Это все, что вам нужно, чтобы запустить слайдер! См. раздел примеров, чтобы получить представление о том, как создавать слайдеры и карусели.

    Существует много вариантов конфигурации — используйте конфигуратор, чтобы помочь вам начать работу, и просмотрите документы для всех параметров.

    О слайдере Swiffy

    Вокруг много действительно хороших слайдеров и каруселей. Большинство из них родились много лет назад. Из-за того, что было возможно в то время, они используют много javascript, прослушивателей событий и множество вещей для обработки скользящего поведения.

    Swiffy Slider — это новое начало, использующее то, что сейчас поддерживают браузеры. Все скольжение, перетаскивание, привязка и т. д. теперь являются собственным поведением браузера, а не javascript. Swiffy Slider может работать даже в простом режиме с без JS !

    Это обеспечивает непревзойденную производительность, пользовательский опыт, удобство сенсорного управления и простоту.

    В то же время он поддерживает любое устройство ввода в мире — сенсорное управление, мышь, клавиатуру, сенсорные панели, трекпады, карандаши, вспомогательные устройства, контроллеры и т. д.

    Проверка W3, 100% совместимость с WCAG, сверхвысокие баллы Google Lighthouse, совместимость с любой внешней средой и стеком разработки.

    Адаптивный слайдер

      Адаптивный слайдер: Как это сделано!

    Создавайте адаптивные слайдеры для своего веб-сайта без усилий! Просто посмотрите это видео:

      Адаптивный слайдер — супер красивый шаблон!

    Посмотрите это видео, чтобы узнать больше об эффектах для слайд-шоу на вашем сайте!

      Код адаптивного слайдера

    Код для вставки между тегами:


    HTML-код для вставки между тегами в том месте, где должен отображаться адаптивный слайдер:

  • Горный пейзажАльпы
  • Pyreneesиспанский
  • FryxellseeАнтарктида
  • ГораЮжный Тироль
  • <дел><дел> Горный пейзаж jpg" alt="Пиренеи"/> Fryxellsee Гора <дел>


    Если вам нужен впечатляющий, привлекающий внимание дизайн слайдера для вашего веб-сайта, вам будет трудно найти что-то лучшее, чем этот шаблон от WOWSlider.

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

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

    Слайдер выполнен в темно-серой и синей цветовой гамме, что также привлекает внимание и производит сильное впечатление.

    Фактические элементы слайдера, такие как стрелки навигации и подписи, довольно просты. Это потому, что они отвлекают внимание от изображений.

    Навигация состоит из двух темно-серых квадратов, один слева и один справа от ползунка. В каждом квадрате отображается синяя стрелка. Стрелка имеет простой и понятный дизайн.

    При наведении курсора на стрелку квадрат переворачивается, как игральная кость, и показывает другую сторону. Цвета на этой стороне детёныша инвертированы, с синим квадратом и серой стрелкой.

    Маркерная навигация в нижней части ползунка имеет аналогичный стиль. Каждая «пуля» представляет собой темно-серый квадрат. Когда вы наводите курсор на квадрат, он переворачивается как куб и становится синим. Вы также получаете предварительный просмотр изображения, связанного с маркером, и нажатие на маркер загрузит изображение в слайдер.

    Для каждого изображения есть подпись, которая появляется в нижнем левом углу ползунка. Эта подпись состоит из заголовка и подзаголовка на темно-сером квадрате. Надпись плавно переходит в изображение — простой и элегантный переход, который не отвлекает от изображений. Заголовок пишется заглавными буквами и крупнее подзаголовка.

    В подписи используется шрифт Gurajada, простой, но жирный рукописный шрифт. Это ясно и легко читается.

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

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


    Купили лицензию на слайдер WOW и задаемся вопросом, как нам показывать изображения слайдера БЕЗ потери качества. Я уже сохранил изображения «для Интернета», но слайдер WOW, кажется, снова сжимает изображения, так что он делает уродливые эффекты на некоторых деталях наших изображений.

    Я надеюсь, что вы можете помочь нам с этой проблемой, потому что помимо этого слайдер WOW - это действительно крутая вещь!

    Извините за неудобства, но это работает с изображениями .jpg. Если вы не хотите, чтобы ваши изображения были сжаты, вы можете вместо этого использовать изображения .png.

    спасибо за быстрый ответ, я попробую это…

    Добрый день, я desarrolando веб-сайт, где я использую слайдер вашего программного обеспечения, который идеально вписывается в нашу целевую страницу, пока я не хотел включить на та же страница под текстом с эффектами jquery q делает внешний вид более плавным. Этот тип текстовой анимации использует jquery, что вызывает проблему в «метке» вашей, не делает, когда просто ползунок, метка не доходит до 100%, что наполовину скрыто, а когда начинается следующий ползунок, происходит скачок или редкая точка останова.

    Вы должны использовать одну версию jQuery на своей странице.

    Дело в том, что ваш код основан на jquery, а анимированный текст использует jquery.min, и я понятия не имею, как я могу изменить оба только в одном. Любая идея будет очень кстати.

    Кажется, вы уже смогли решить свою проблему.

    Сегодня я попробовал ваш WOW Slider, он мне очень понравился, и я хотел бы купить лицензию. Но у меня было много сбоев при настройке, а также при создании html-страниц. Я использую Win 10-64bit System (нормальная работа очень стабильна) Есть ли у вас какие-либо идеи, почему это происходит все время?

    Возможно, вы пытаетесь добавить в слайдер много изображений.

    Попробуйте отключить предварительный просмотр (Параметры -> Показать предварительный просмотр - снимите флажок), а затем закройте приложение и снова запустите его. Тогда он будет более стабильным.

    У меня проблема с ползунком в некоторых браузерах. Знаки ударения (акценты) отображаются плохо. То есть, например, слово "подвал" или появляется с символом "?" Как включить титулы? С другой стороны мне пришлось форматировать компьютер, на котором был установлен WowSlider. Как я могу переустановить его?

    Извините, мне не удалось воспроизвести вашу проблему. Акценты правильно вижу. Вы решили это?

    Эта проблема связана с кодировкой:

    Я уже решил эту проблему. Но прямо в каждом html документе. Спасибо.

    Вчера я купил ваш полный набор веб-инструментов - я попробовал бесплатную версию WOWslider, и, похоже, он делает все, что мне нужно, поэтому я рискнул и заказал ваш полный набор.

    Я искал сайт поддержки или форум для клиентов, но безуспешно. У меня есть небольшая проблема, которую я хотел исправить, но я могу найти только это письмо. Это правильное место, чтобы обратиться за технической поддержкой?

    Да, вы можете связаться с нами по адресу support[at]wowslider[dot]com, мы постараемся помочь. Здесь вы можете найти несколько руководств:

    Проблема, с которой я здесь столкнулся, я не могу найти в справке. Думаю, проще всего будет показать вам пример.

    Вы можете видеть проблему здесь ... это не имеет ничего общего с мобильной структурой jquery, поскольку я получаю тот же сбой из-за кода, который WOWslider создает на моем локальном диске. Хотя это не очевидно в предварительном просмотре вашего строителя.

    После каждого перелистывания страницы вы можете видеть, что на левой странице есть сбой - по крайней мере, я надеюсь, что вы это видите. Я попросил нескольких человек проверить это для меня. Один человек с iPhone 4S сообщил, что анимация отсутствует на экране, что мне нужно проверить.

    Создайте слайдер с включенной опцией «Загрузка изображений по запросу». Перейдите в Slider -> Properties -> General и установите этот флажок.

    Если это не поможет, попробуйте использовать другой эффект перехода.

    Здравствуйте, поддержка WOWslider, могу я спросить, почему мои переходы «Dribble» и «Bubble» показывают только серый цвет и что-то в этом роде, а не «с учетом содержимого», как то, что приложение показывает мне перед сохранением? Спасибо.

    Не могли бы вы прислать нам ссылку на вашу страницу с этой проблемой, мы ее проверим.

    , когда я поставил его в эфир. Проблема исчезла.

    Привет! Я использую безлимитную версию 8.6 от WOW-Slider. Теперь я понял, что WOW-Slider вылетает, когда я добавляю более 100 изображений на один слайд. С более старой версией WOW-Slider (версия 4 или около того?) это не было проблемой, потому что у меня есть опубликованный слайд со 160 изображениями, но когда я хочу отредактировать слайд, WOW-Slider также падает.

    Слишком много изображений для нашего встроенного средства просмотра! Попробуйте отключить предварительный просмотр (Параметры -> Показать предварительный просмотр) и перезагрузите программу.

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