Search Over 30,000 FREE Plugins from the Official WordPress Plugin Directory Repository

Slider

Slider slideshow - slider image plugin is fully responsive. Your photos with our slider effects will be perfectly.

Slider - Images WordPress Plugin

Image Slider is one of the most importanta plugins for WordPress websites. Besides, by beautiful and unrepeatable effects, your slider gives more professional look to your website. Image Slider is one of the best in responsive Slider images plugins. Plugin allows you to modify all setting, such as colors, fonts and sizes, which are corresponding, to standards of the slider. Rich Web image slider has that all features, that you can expect from another free slider images plugin.You can create unlimited sliders and images.

Rich Web

Watch Below Video For Image Slider

It is very simple to create slider in your WordPress website. You can add pictures (PNG,JPG and GIF), as well as, add posts, pages and in template files. Slider allows to add titles, descriptions and links to unlimited photos. Plugin has a shortcode, every new created slider has his own ID number. It makes it easier, for plugin installation in any site.

Responsive beautiful plugin

Slider is 100% responsive and compatible with mobile, tablets, desktop computers and all modern web browsers which include iPhone, iPad, Android, Chrome, Safari, Firefox, Opera, Internet Explorer 7/8/9/10/11 and also Microsoft Edge.

The number of slides. You can show the needed number of slides in the slider, depending, how many slides are created.

The speed of the SlideShow. This speed from each slide will remain in the slider.

Animation. There are many animation effects for sliders. Select your preferable animation effect.

Navigation arrows. You can enable / disable the navigation button (previous / next), for the slider with this option.

Title / Description. This option hides / shows the title and description.

Title Color. This color selection for the header, which appear on slides.

Description Color. This option for selecting color for description, which appear on slides.

Overlay Color. This choise is for overlay, that appear as background for titles an descriptions on the slides.

Add images via external URL. You can also include external URL images. By doing that, you can add completely different image patterns to your slider.

Feature list of Image Slider Plugin.

Sliders General Features:

  • Fully responsive & multiple layouts support
  • Auto-start slideshow (can be disabled)
  • Starting with specified slide
  • Super smooth hardware accelerated CSS3 transitions with jQuery fallback
  • High compatibility with many fallback features for old browsers
  • Unlimited number of layers with image
  • Unlimited amount of images to be added
  • Unlimited number of sliders
  • Very detailed documentation with examples
  • Unlimited variations of usage
  • Free updates & support
  • Option for adding a deep link to a specified slide
  • Option for create your own slide transitions
  • Option for adding a link to layers which will change the slider to a specific slideshow
  • Option for specifying a global background color or image to the slider
  • Working in Chrome, Firefox, Safari, IE7-11, Opera
  • Working in mobile browsers (Android, iOS and et.)
  • Responsive, full-width, full size or fixed dimensions layout
  • Touch navigation on mobile browsers
  • Keyboard navigation
  • Option for disabling prev / next buttons or bullets
  • With the slider you can add for the images title and description
  • Possibility to use different slider for different pages
  • Full-width, Full-screen and Boxed Layout
  • Slider supports external methods (update, reset and remove) to control it after creation
  • Drag and Drop functionality: Drag and drop images to rearrange their sequence

Beautiful Slideshow Effects

Slider Image makes displaying your gallery of images a beautiful experience, by using amazing slideshow effects ranging from slicing and sliding to fading and folding. There simply is no better way to showcase your amazing work than to make the presentation of it looks just as beautiful.

Automatic Image Cropping

Rich Web Image Slider plugin can automatically resize your images to a size you specify, so you don’t have to worry about doing it manually yourself. So you don’t need to worry if your images are too big or too small, they will all come out the same size in the slider.

Multiple Slider Types

By Image Slider WordPress plugin you can independently download and order images,choose sliders versions, where you can insert sketches with its own images. You can change the colors, fonts, effects and a number of other functions in the option. Each Type has its own specifics. Every Web site designer will find corresponding slider type for his website.

Slider Themes

Plugin comes with a built in theme chooser which allows you to use some of the awesome pre-built themes with your slider automatically. This means your slider can look stunning without any extra work. Or if you prefer, don’t use a pre-built theme and create your own using general option.

Options for Content Customizng

PYou can use Google fonts, change the size, color, font, background. Creating all this, you will have original Slideshow with pretty content.

Drag & Drop Features

Slider has many benefits. You can replace images how you want, by Drag & Drop. Using the mouse you can replace images, titles and descriptions.

Amazing and professional

Professional Image Slider plugin has an amazing transition effects, sequence of the other images: Fade, Cross Fade, Slide, Slideshow, Slice, Blinds, 3D, 3D Horizontal, Horizontal, Vertical, Blocks and Shuffle. Over time, will be added new effects. Slider effects gives to slider unique look and beautiful design. Animation options allow adding different transition effects for the responsive slideshow. Slider will give a unique look to your photos, with its descriptions and titles, which also has their own slideshow effects.

Powerful and Simple Slider Creation

WordPress Image Slider Plugin. You can create some sliders, with unlimited images, also, you can insert some slider in your WordPress page. By using WordPress backend you can create as much as you want and by using shortcode, insert it to your posts and pages.

Multiple slideshow types

Let you to choose which slider shape fit to your site. Currently 9 different slider types and 50+ slide effects included.

Advanced options of touch slideshow:

Pixels or percentage - Pixels or percentage for width and height of slideshow (use percentage to create responsive slider).

Width - Slider width in px or percents.

Height - Slider height in px or percents.

Crop image - Crop, resize or leave image original in slider module.

Slider direction - Horizontal or vertical slider direction.

Initial slide - Index number of initial slide of WordPress slideshow.

Autoplay - Delay between transitions in ms. If this parameter is not specified, auto play will be disabled.

Autoplay stops on last - Enable this parameter and autoplay will be stopped when it reaches last slide (has no effect in loop mode).

Autoplay interactions - Set to No and autoplay will not be disabled after user interactions (swipes), it will be restarted every time after interaction.

Speed - Duration of transition between slides (in ms).

Prev/Next arrows - Shows arrow.

Customizable

Your WordPress web-site represents you, your brand or your company. Rich Slider-image allows you to create your plugin, exactly as you would like. Selection and settings of color, background, borders and edges, and more.

Slider Navigation

Slideshow Speed - Change this to either increase or decrease the animated page slideshow speed.

Responsive down to mobile - Size of slides and navigations can be dynamically changed (all Sliders on this site are responsive).

Autoplay - Auto slideshow that wait until image is loaded, and has an option to stop at first user action or pause on hover.

Fullscreen - Slider supports fullscreen mode and automatically loads larger images in it.

Slider Arrows - When hovering over the arrows, the related slides title appears in a tooltip. The text size is reduced in smaller layouts to best fit the space available.

Content Slider

Fashion Slider

Slider Auto - This option enables automatic sliding. If you set it to true the sliding will automatically start and continue to perform until user clicks one of the buttons.

Pause - This option is set in milliseconds and it represent the duration of each slide when plugin is set to auto sliding.

Circle Thumbnails

Cross Browser - Tested in major desktop, tablet, and mobile browsers and fully featured in Firefox, Chrome, Safari, Opera, and Internet Explorer 10+. With support for Internet Explorer 8 & 9 via a fallback theme; a traditional side-to-side slider.

Carousel Layout - slider can show multiple slides in a carousel layout, by allowing you to set different sizes for the individual slide and for the whole slider.

Slide Navigation - Built-in support for slide indicators and next/previous buttons.

Slider Carousel

Carousel Layout - The slider can show multiple slides in a carousel layout, by allowing you to set different sizes for the individual slide and for the whole slider.

Auto-sliding - Set your slider to automatically transition and pause on hover.

Links – You have the option to add a link to each slide.

Flexible Slider

Touch Support - Touch swiping and tapping supported to allow for navigation between steps.

Auto slideshow – You can set the slider to auto slideshow mode and you also have the option to pause the slideshow mode on mouse hover.

Dynamic Slider

Images - Allows you to specify different image sources for different screen sizes. For example, mobile devices will load smaller images.

URL Button - Provides the possibility to link to a specific slide in the slider from another page or from within the same page, thus making it possible to link from a slide to another page.

Thumbnails & Lightbox

Thumbnails - Thumbnails can contain text, images or both. Also, they can be positioned at top and bottom of the slides.

Infinitely looping - Loop through your slides endlessly in both directions.

Services and Support:

We are committed to top-notch customer support because we know if you have problem with Image Slider, you need a solution as soon as possible.

IMPORTANT:

If You think You have found a mistake in the Photo Slider or have any problem, questions about the plugin, please read the support forum on our WordPress website. If You can not find a solution here, please feel free and click here to contact us. " richweb.org@gmail.com "

Rich Web

Live Demo

Author richteam
Profile
Contributors richteam
Tags easy slider, gallery slider, image slider, images slider, Photo Slider, post slider, responsive slider, slider, slider plugin, video slider, wordpress slider, youtube slider
  1. slider-images screenshot 1

    Slider Navigation

  2. slider-images screenshot 2

    Slider Navigation

  3. slider-images screenshot 3

    Content Slider

  4. slider-images screenshot 4

    Content Slider

  5. slider-images screenshot 5

    Fashion Slider

  6. slider-images screenshot 6

    Circle Thumbnails

  7. slider-images screenshot 7

    Circle Thumbnails

  8. slider-images screenshot 8

    Circle Thumbnails

  9. slider-images screenshot 9

    Slider Carousel

  10. slider-images screenshot 10

    Slider Carousel

  11. slider-images screenshot 11

    Slider Carousel

  12. slider-images screenshot 12

    Flexible Slider

  13. slider-images screenshot 13

    Flexible Slider

  14. slider-images screenshot 14

    Dynamic Slider

  15. slider-images screenshot 15

    Dynamic Slider

  16. slider-images screenshot 16

    Thumbnails & Lightbox

  17. slider-images screenshot 17

    Thumbnails & Lightbox

  18. slider-images screenshot 18

    Slider Accordion

  19. slider-images screenshot 19

    Slider Accordion

Install the free version in your WordPress website.

In the left side you will see plugins. Click to open a new page.

Click to add new button -> Search plugins. On empty line write your preferable plugin. Example slider image. Your preferable photo slider plugin you can find from WordPress large menu.

Clicking install now you will start the installation process.

When will finished the installation process you, can activate it or not. By activating, your plugin will be ready. Only you must do that, what will be required from your plugin.

Watch Below Video For Slider Image Free Version

Install Pro version of Slider in Your WordPress

On the left side you will see written plugins. Click to open a new page.

Click to add new button -> Add Plugins - > Click to Upload Plugin.

Clicking on the Zip file, if You have a plugin in a Zip format, you may install it by uploading it here. If You have not received the Photo-Slider Zip file, please contact with our support team.

Clicking Install Now, already you can start installation process of the slider image plugin.

When will finished the installation process, you can activate it or not. By activating, already Your photo-slider will be ready. You can change parameter, in the General Options.

Watch Below Video For Slider Image Pro Version

Using FTP

Download the ZIP file from Wordpress website

Extract the photo-slider directory to your computer

Upload the photo-slider directory to the /wp-content/plugins/ directory

Activate the plugin in the Plugin dashboard

You can see the plugin installed on Wordpress left menu

Now you can set your Photo Slider options, images and use our Photo Slider.

1.2.0

  • Fixed error with content and fashion types in the Mozilla Firefox browser.

  • Fixed a bug with the content and fashion types in the Safari browser.

1.1.5

  • Fixed CSS issues for dynamic slider types.

  • Update Readme after testing plugin in WordPress 4.7.1.

1.1.4

  • Fixed CSS issues for Flexible and Thumbnails / Lightbox slider types.

1.1.3

  • Fixed CSS issues for Carousel, Content and Navigation slider types.

1.1.2

  • Fixed CSS issues for Fashion and Circle slider types.

1.1.1

  • Update Readme after testing plugin in WordPress 4.7.

1.1.0

  • Fixed bug in the admin page.

1.0.8

  • Possibility to add more than one shortcode in the same page.

1.0.7

  • Updated some functions and options in widget.php file.

  • Multiple shortcodes in some types of slider.

1.0.6

  • Updated some options for dynamic slider

1.0.5

Added new versions.

  • Slider Accordion

1.0.4

Added new versions.

  • Thumbnails Slider & Lightbox

1.0.3

Added new versions.

  • Dynamic Slider

1.0.2

Added new versions.

  • Flexible Slider

1.0.1

Added 2 new versions.

  • Circle Thumbnails
  • Slider Carousel

1.0.0

Released version

Whether, is the sliders support to PNG, JPEG,JPG and GIF formats?

Yes. Any format, which has a support possibility. You must only install and use it, in any version.

Is the Image Slider responsive?

Yes, reacts and displays resizing images for mobile devices and tablets.

Arises a problem after purchase, is there a problem with a purchase?

Please try to make the same payment using another browser, otherwise, do not hesitate, contact with our Support Team. Always ready to help you anytime.

I bought Slider image plugin, I have not received it yet. Please suggest, how can I activate it or get the Pro version?

If You acquired the slider and have not received it, please just contact with our Support Team. Send a letter with purchase slider Order Number.

Is the Image Slider responsive?

  1. Please delete the free version until installing the Pro version.

  2. Download Slider Image Pro version. If You still see the old version press Ctrl+F5 for refresh the page.

  3. If you can not do that, please contact with us, we will solve this little problem.

How can I change the width of slider?

For change the width choose the Slider version, You will see the " width " tab, where you can choose that size, which width you want for your slider.

How can I change the height of slider?

For change the, height choose your preferable version. In the options You will see the " height " tab, where you can choose the height of slider.

How to install the free version in your WordPress website?

  1. In the left side you will see " plugins ". Click to open a new page.

  2. Click to add new button -> Search plugins. On empty line write your preferable plugin. Example slider. Your preferable WordPress slider image plugin you can find from WordPress large menu.

  3. Clicking " install now " you will start the installation process.

  4. When will finished the installation process you, can activate it or not. By activating, your plugin will be ready. Only you must do that, what will be required from your plugin.

How to install Pro version of Slider in Your WordPress?

  1. On the left side you will see written " plugins ". Click to open a new page.

  2. Click to add new button -> Add Plugins - > Click to Upload Plugin.

  3. Clicking on the Zip file, if You have a plugin in a Zip format, you may install it by uploading it here. If You have not received the Slider-Image Zip file, please contact with our support team.

  4. Clicking " Install Now", already you can start installation process of the WordPress slider plugin.

  5. When will finished the installation process, you can activate it or not. By activating, already Your slider- image will be ready. You can change parameter, in the General Options.

Can I add images to my slider, that have already been downloaded to the WordPress Media Library?

To enable the feature add Madia Library images, go to Image Slider > Options > General Options and select the Import from Media Library. Yes. Then you can import images from Media Library in Image Slider.

Will I lose all my changes that I made in free version, if I update to pro version?

All kind of changes made in free version slider will remain, even if you delete the plugin.

What size images should I use?

Image size is not so important, because the final image will be reduced to the size of the circle. In this way, you just have to be sure, to select the size, that is at least as big as the size of the circle.

Other Note

WordPress Slider - Slideshow step by step guide

IMPORTANT:

If You think You have found a mistake in the Slider Images or have any problem, questions about the plugin, please read the support forum on our WordPress website. If You can not find a solution here, please feel free and click here to contact us. " richweb.org@gmail.com "

Rich Web

Live Demo

Slider Navigation Type:

General Optiion

Slider Show. " Yes " " No ". By this button choose wheather be this slideshow or not. Slide Show Speed. " from 1 to 5 seconds ". Select the speed of the Slideshow. Pause on Hover. " Yes " " No ". Keeping the mouse on slider pause the Slideshow or not. Width. " from 100 to 2000 pixel ". Select the width, it is fully responsive. Height. " from 100 to 2000 pixel ". Select the height, it is fully responsive. Box shadow. " Yes " " No ". Press if you need to have a shade in the box. Box shadow color. " RGB or # color number ". Set the shadow color. As you know, the box shadow color allows you to display a shadow behind your slider.

Image Options

Border Width. " from 0 to 20 pixel " Determine the image border. Border Style. " None, Solid, Dashed, Dotted " Choose the border style for image. Border color. " RGB or # color number ". In slider, choose the border color for image. Border Radius. " from 0 to 500 pixel ". Determine the border radius for image.

Title Options

Title Background Color. " RGB or # Color number ". Choose the background color of the title. Title Color. " RGB or # Color number ". Choose the title color. Text Align." Left, Right & Center ". Determine the alignment of the slide names. Title Font Size. " from 8 to 48 pixel " Each image has its own title. Font Family. " Google font ". Choose the font family for image. Uppercase. " Yes " " No ". To show all the text by large letters.

Arrows Options

Arrows Background Color. " RGB or # color number " Choose the background color for for the slide-show arrow. Opacity. " from 0 to 100 percent " Define the opacity level for the background of the arrow in the slider, ensuring its percentage. Arrow Type. " 25 types " A large variety of the arrow for a slide-show using the slider. Hover background colore. " RGB or # color number " Choose the hover background color for slideshow arrow. Hover Opacity. " 0 100 percent " Define the opacity level for the background hover of the arrow, ensuring its percentage. Hover effect. " 4 types Slide Out, Flip Out, Double Flip Out & Both Ways " Select the desired effect from the list. There is an effect, which displays the image or only the title without the image. Box Width. " from 50 to 150 pixel " Set the width of the arrow box. Position From Top. "Position 0-100 percent" Select the arrow position on the top of the slider.

Navigation Options

Navigation Width. " from 0 to 20 pixel " Set the width of navigation in the slider, that is in the top or at the bottom. Navigation Height. " from 0 to 20 pixel " Set the heigth of navigation in the slider, which will be in the top or at the bottom. Place between. " from 0 to 15 pixel " Choose the interval between each flow navigation. Border Width. " from 0 to 5 pixel " In slider, choose the border size for navigation. Border Style. " None, Solid, Dashed, Dotted " Select the frame style for the navigation, which is in the image. Navigation Border Color. " RGB or # color number " Select a color for navigation through the images. Border radius. " from 0 to 20 pixel " Determine the preferred range for the navigation border. Navigation current color. " RGB or # color number " Determine the preferred current color for navigation. Navigation hover color. " RGB or # color number " Select the preffered hover color for navigation. Position. " Bottom & Top " Select the position where you want to insert the navigation on the top or at the bottom.

Content Slider

General Settings

Background image Blur. " Yes " " No " In the slider show the background image as it is or with Blur effect. Each painting the same picture of the background image. Navigation. " Yes " " No " Show navigation or not. Loop. " yes " " No " When the pictures are finished, to begins again with the same sequence or not. Slide duration. " From 1 to 20 pixel " Animation Type. " 4 slideshow types: slide, slide up, bounce, bounce up, fade, fade ease, fade bounce, slide bounce 2, slide bounce 3, bounce up and bounce up 3 ". Show slideshow. " Yes " " No " Show a slide show or to be without a slideshow. Background color. " RGB or # color number " Select the background color. Box shadow color. " RGB or # color number " Choose the box shadow color. Content Slider Width. " from 400 to 1500 pixel " Choose the width of the slider. Content Slider Height. " from 400 to 900 pixel " Choose the height of the slider. Opacity. " position 0-100 percent " Determine the level of opacity for the background. Content Border width. " from 0 to 10 pixel " Select width for the border of the slideshow. Content Border style. " None, Solid, Dashes, Dotted " Choose the border style for the slideshow. Content Border color. " RGB or # color number " In the slider, choose the frame color of the slideshow. Content Border Radius. " from 0 to 10 pixel " Determine the border radius.

Settings for Image Title

Show Image Title. " Yes " " No " Select to display the name or not. Image Title Color. " RGB or # color number " Select a color for the title font. Text shadow color. " RGB or # color number " Set the shadow color for the title. Font size. " from 6 to 35 pixel " Set the shadow size for the title. Image Font family. " Google font " Select the font family for the slider title. Text Align. " Left, Right & Center " Select the text position for the image header.

Setting for Image Description

Show Image Description. " Yes " " No " Choose, to show the description for each image or not. Image Description Color. " RGB or # color number " Set a color for the image description. Text Shadow Color. " RGB or # color number " Set the shadow color. As you know, the box shadow color can display a shadow behind your slider. Description Font size. " from 6 to 36 pixel " Specify the font size to describe the image. Description Font family. " Google font " Choose the font family for the slide show image description. Description Text Align. " Left, Right & Center " Select the text position for the description.

Settings for Image

Show Image. " Left, Right & Center " Choose to show the image in the slider or not. You can make the slider with name and with description without image. Width. " from 6 to 36 pixel " Set the width of the image slider.

Settings for Link

Font size for link text. " orm 8 to 36 pixel " Set the text font size for the link button of the slider. Font Family for link text. " Google font " Choose the font family for the link button. link Text Color. " RGB # color number " Choose the text color for the link button. Button text. " Your Text" You can change the " View More " button text and write something new. Background color. " RGB # color number " Specify preferable background color of the link button. Border Color for Link. " RGB # color number " Select the border color for the navigation button. Link Border Radius. " from 0 to 20 pixel " Choose the radius border for th navigation button. Link Button position. " Left, Right & Center " Choose the position for the link button. Border Width for Link. " from 0 to 20 pixel " Set the border width for the buttons. Border style for Link. " None, Solid, Dashes, Dotted " Select the border style for the button in the moving image.

Hover Settings for Link

Hover background color. " RGB # color number " Select the background color when you hover over the button. Hover color. " RGB # color number " Set the color of buttons when you hover the mouse pointer.

Settings for Arrows

Show Arrows. " yes " " No ". Click to show navigation arrows in the slider or not. Size. " from 8 to 36 pixel " Change the arrow size, irrespective of the slider. Arrows color. " RGB # color number " Select the arrow color, irrespective of the slider. Arrows type. " 9 types " A large variety of the arrow for a slideshow using the slider.

Fashion Slider

General Option

Animation Type. " fade & slide " Choose your preferable animation effect for slider. Slideshow Show. " Yes " " No " By this button select in the slider play slideshows or not. Slideshow speed. " slide from 1 to 3 seconds " Select the slideshow speed. Animation duration. " from 1 to 10 pixel " Determine the length of the slip effect in milliseconds. Icon show. " Yes " " No " You can determine to display the icons in slide show mode or not. Pause. Play Show " yes " " No " Select in slider to show Pause and Play or not. Randomize. " Yes " " No " Select an image to show always the first or not. Loop. " Yes " " No " When the pictures are finished, to begins again the withe same sequence or not.

Slider Settings

Slider Width. " from 300 to 1000 pixel " Select the width, it is fully responsive. Slider Height. " from 200 to 1000 pixel " Select the height, it is fully responsive. Border Width. " from 0 to 20 pixel " Determine the image border width. Border Style. " None, Solid, Dashed, Dotted " Choose the border style for image. Border Color. " RGB or # color number " Choose the border color. Box Shadow. " From 0 to 50 pixel " Shadow Color. " RGB or # color number " Set the shadow color. As you know, the box shadow color can display the a shadow behind your slider.

Description Settings

Slider Description Show. " Yes " " No " Select to show a description for each image or not. Slider Description Font size. " from 8 to 36 pixel " Specify the font size to describe a fashion slider. Description color. " RGB # color number " Set the image description color. Font family. " Google font " Specify the text font family, used with photos. Text Align. " Left, Right & Center " Select the description text position. Description background color. " RGB # color number " Set the background color for the header photo slideshow. Transparency. " 0-100 percent " Specify the level of bacground transparency.

Title Settings

Font Size. " from 8 to 36 pixel " Specify the font size of the title of fashion slider. Slider title color. " RGB # color number " Select your preferable color. Font Family. " Google font " Specify the font family for the title, used with photo. Text Align. " Left, Right & Center " Select the text position of the title.

Link Settings

Button text. " Your text " You can change "View More or Image Slider" text button and write something new. Border Width. " from 0 to 20 pixel " Set the border width for button. Border Style. " None, Solid, Dashed & Dotted " Select the border style for the button in the oving image. Border Color. " RGB # color number " Select the border color for the navigation button. Link font size. " from 8 to 36 pixel " Set the text size for the link button. Link Text Color. " RGB # color number " Select the text color for the link button. Font Family. " Google font " Select the font family for the button. Background color. " RGB # color number " Specify preferable color of the link button. Background Transparency. " 0 100 percent " Specify the level of transparency. Hover border color. " RGB # color number " Specify the hover border color. Hover border color. " RGB # color number " Specify the hover border color. Hover background color. " RGB # color number " Specify the background border color. Border radius. " rom 0 to 20 pixel " Choose the border radius for hover navigation button. Hover Color. " RGB # color number " Set the buttons color when you hover the mouse pointer. Hover Transparency. " 0 1000 percent " Specify the level of transparency of the background hover.

Icon Settings

Slider Icon Size. " from 10 to 50 pixel " Chnage the icon size, regardless. Icon type. " 14 types " A large variety of the arrow for a slideshow using the slider. Hover Icon type. "14 types" A large variety of the hover arrow for a slideshow using the slider.

Circle Thumbnails

General Option

Slider Width. " from 300 to 1000 pixel " Select the width, it is fully responsive. Slider Height. " from 200 to 1000 pixel " Select the height, it is fully responsive. Border Width. " from 0 to 20 pixel " Determine the image border width. Border Style. " None, Solid, Dashed, Dotted " Choose the border style for image. Border Color. " RGB or # color number " Choose the border color. Box Shadow. " Yes " " No " Press if you need to have a shade in the box. Box Shadow Type. " shadow type 1 or shadow type 2 " Select from these two slider shadow types. Both are very beautiful. Box Shadow Color. " RGB or # color number * Set the shadow color. As you know, the box shadow color allows you to display a shadow behind your slider.

Title & Description Area

Background color. " RGB # color number " Select background color for the title and description container. Position. " Bottom & Top " Select where to place the title and description text in slider container.

Loading Icon

Background color. " RGB # color number " Select background color for loading Icon.

Title Options

Font Size. " from 8 to 48 pixel " Each image has its own title. Font Family. " Google font " Choose the font family for image. Current Color. " RGB or # Color number " Choose the title current color. Color. " RGB or # Color number " Choose the title color.

Arrow Options

Thumbnails Background Color. " RGB or # color number " Choose the background color for for the slide-show arrow. Thumbnails Border Radius. " from 0 to 50 pixel " Determine the border radius for arrows in the slide. Thumbnails Arrow Type. " 2 types " You can choose to show icons or text arrows to change the image. Show Arrow Text. " Yes " " No " Left Arrow Text. " Your Text " Thumbnails Text Color. " RGB or # Color number " Choose the text color for the arrows. Thumbnails Text Font Size. " from 8 to 48 pixel " Set the text font size for the arrows Thumbnails Text Font Family. " Google font " Set the text font family for the arrows

Arrow Hover

Hover Color. " RGB or # Color number " Choose the hover color for the arrows. Border Radius. " from 0 to 50 pixel " Determine the border radius for hover arrows.

Slider Carousel

General Options

Carousel Border Radius. " from 0 to 10 pixel " Determine the border radius for main slider. Carousel Border Style. " None, Solid, Dashed, Dotted " Choose the border style for main slider. Carousel Border Color. " RGB or # color number Choose the border color. Box shadow. " Yes " " No " Press if you need to have a shade in the box. Box Shadow Type. " shadow type 1 or shadow type 2 " Select from these two shadow types. Both are very beautiful. Shadow. " from 0 to 10 pixel " Box shadow color. " RGB or # color number " Set the shadow color. As you know, the box shadow color allows you to display a shadow behind your slider.

Image Options

Width. " from 100 to 1200 pixel " Set the width of the photo. Height. " from 100 to 1200 pixel " Set the height of the photo. Border Width. " from 0 to 10 pixel " Determine the image border. Border Style. " None, Solid, Dashed, Dotted " Choose the style for border. Border Color. " RGB or # color number " Define the border color for photo. Border Radius. " from 0 to 100 pixel " Define the border radius for photo.

Image Container

Container Border Width. " from 0 to 10 pixel " Select the border width for the photo container. Container Border Style. " None, Solid, Dashed, Dotted " Select the border style for the photo container. Container Border Color. " RGB or # color number " Select the border width for the photo container.

Title Options

Title Background Color. " RGB or # Color number " Here in the slide you can select your favourite background color for title. Title Color. " RGB or # Color number " Choose the color for carousel title. Title Font Size. " from 8 to 48 pixel " Each image has its own title. Title Font Family. " Google font " Choose the font family for image. Hover Background Color. " RGB or # Color number " Here in the slide you can select your favourite hover background color for carousel title. Hover Color. " RGB or # Color number " Choose the hover color for carousel title.

Popup Image Options

Popup Overlay Color. " RGB or # Color number " Select a overlay color for the carousel popup. Popup Border Width. " from 0 to 15 pixel " Change the border width of popup image for the slider. Popup Border Color. " RGB or # Color number " Change the border color of popup image. Box shadow. " Yes " " No " Press if you need to have a box shadow in the popup image. Box Shadow Type. " shadow type 1 or shadow type 2 " Select from these two slider shadow types. Both are very beautiful. Shadow. " from 0 to 10 pixel "

Link Options

Background color. " RGB # color number " In the carousel specify preferable background color of the link button. Color. " RGB # color number " Choose the text or icon color for the link button. Font size. " form 8 to 36 pixel " Set the text font or icon size for the link button. Border Width. " from 0 to 20 pixel " In slider carousel set the border width for the buttons. Border style. " None, Solid, Dashed, Dotted " Select the border style for the button in carousel. Border Color. " RGB # color number " Select the border color for the button. Border Radius. " from 0 to 100 pixel " Choose the radius border for the link button. Background color. " RGB # color number " In the slider carousel specify preferable hover background color of the link button. Hover Color. " RGB # color number " Choose the text or icon hover color for the link button. Link Type. " text or icon" You can choose to show icons or text arrows for button. Link Text. " Your Text " If you select text type you must write text for link button Icon type. " 3 types " A large variety of the arrow for a link button using the slider. Font Family. " Google font " Choose the font family for link button.

Popup Icon

Background color. " RGB # color number " In the carousel specify preferable background color of the image popup button. Icon Color. " RGB # color number " Choose the text or icon color for the image popup button. Font Size for Popup Icon. " orm 8 to 36 pixel " Set the text font or icon size for the link button. Popup Icon Border Width. " from 0 to 10 pixel " In slider carousel set the border width for the popup buttons. Popup Icon Border style. " None, Solid, Dashed, Dotted " Select the border style for the button in carousel. Popup Icon Border Color. " RGB # color number " Select the border color for the popup button. Popup Icon Border Radius. " from 0 to 100 pixel " Choose the radius border for the image popup button. Popup Icon Background color. " RGB # color number " In the slider carousel specify preferable hover background color of the popup button. Hover Color. " RGB # color number " Choose the text or icon hovor color for the popup button. Link Type. " text or icon" You can choose to show icons or text arrows for button. Link Text. " Your Text " If you select text type you must write text for slider popup button. Icon type. " 8 types " A large variety of the arrow for a link button using the slider. Font Family. " Google font " Choose the font family for image popup button.

Arrows Options

Background color. " RGB # color number " In the carousel specify preferable background color of the arrows. Color. " RGB # color number " Choose the text or icon color for the arrows. Font size. " orm 8 to 36 pixel " Set the text font or icon size for the arrows. Border Width. " from 0 to 10 pixel " In slider carousel set the border width for the arrows. Border style. " None, Solid, Dashed, Dotted " Select the border style for the arrows in carousel. Border Color. " RGB # color number " Select the border color for the arrows. Border Radius. " from 0 to 100 pixel " Choose the radius border for the arrows. Background color. " RGB # color number " In the slider carousel specify preferable hover background color of the arrows. Hover Color. " RGB # color number " Choose the text or icon hovor color for the arrows. Link Type. " text or icon" You can choose to show icons or text arrows for arrows. Font Family. " Google font " Choose the font family for arrows. Icon type. " 8 types " A large variety of the arrow for a arrows using the slider. Next Text. " Your Text " If you select text type you must write next button text for carousel. previous Text. " Your Text " If you select text type you must write previous button text for carousel.

Popup Close Icon

Flexible Slider

Slider General Options

Background color. " RGB # color number " Autoplay. " Yes " " No " Choose whether to autoplay a slideshow or not. Transition Slideshow speed. " slide from 1 to 10 seconds " Choose the slideshow speed. Pause Time. " slide from 1 to 10 seconds " Set time interval for change of slider. Slide Steps. " 1-10 steps " Set slide arrow steps to change image. Visibility of Slides. " Yes " " No " slides loop in one direction if possible. Count of Slides. " 1-10 steps " Specify the number of images which will be loaded before opening the slideshow. The rest of the images will be loaded during the processing of the slideshow. Loop. " yes " " No " When the pictures are finished, to begins again with the same sequence or not. Scaling. The relative percentage scaling factor of the current slide. Position. " Left, Right & Center " Select the position for the current image. Always Show Nav Buttons. " Yes " " No " Always show prev and next button navigation except when transitioning.

Image Options

Width. " from 100 to 900 pixel " Set the width. Height. " from 100 to 900 pixel " Set the height. Border Width. " from 0 to 15 pixel " Determine the image border. Border Style. " None, Solid, Dashed, Dotted " Choose the border style. Border color. " RGB or # color number " Choose the border color for image. Border Radius. " from 0 to 500 pixel " Determine the border radius for image. Box shadow. " Yes " " No " Press if you need to have a box shadow in the image. Shadow Type. " shadow type 1 or shadow type 2 " Select from these two slider shadow types. Both are very beautiful. Shadow. " from 0 to 50 pixel " Shadow Color. " RGB or # Color number " Select a color for the shadow.

Title Options

Color. " RGB or # Color number " Choose the title color. Font Family. " Google font " Choose the font family for title.

Navigation Options

Show. " Yes " " No " Show a navigation or to be without. Navigation Width. " from 0 to 20 pixel " Set the width of navigation. Navigation Height. " from 0 to 20 pixel " Set the height of navigation. Border Width for Navigation. " from 0 to 5 pixel " Choose the border size for navigation. Border Style for Navigation. " None, S#lid, Dashed, Dotted " Select the frame style for the navigation. Border Color for Navigation. " RGB or # color number " Choose the frame border color for the navigation. Border radius for Navigation. " from 0 to 15 pixel " Determine the preferred range for the navigation border. Place between for Navigation. " from 0 to 15 pixel " Choose the interval between each flow navigation. Current color. " RGB or # color number " Determine the preferred current color for navigation. Navigation hover color. " RGB or # color number " Select the preferred hover color for navigation. Navigation color. " RGB or # color number " Select the preferred color for navigation.

Arrows Options

Show. " Yes " " No " Show a arrows or to be without. Arrow Type. " 11 types " A large variety of the arrow for a slide-show using the slider. Arrows size. " form 8 to 80 pixel " Set the size for the arrows. Color for Arrow. " RGB # color number " Choose color for the arrows.

Dynamic Slider

General Option

Autoplay. Delay between transitions in ms. If this parameter is not specified, autoplay will be disabled. Pause Time for dynamic type. " slide from 1 to 20 seconds " Set time interval for change of slider. Transition. " Yes " " No " Layer out on next. Choose whether to have the layer effect out regardless of the timing between the hit to the next slide or skip the effect out and get to the next image slider. Height. " from 150 to 1200 pixel " Select the height, it is fully responsive. Border width. " from 0 to 10 pixel " Select width for the border of the slideshow. Border style. " None, Solid, Dashes, Dotted " Choose the border style. Border color. " RGB or # color number " Choose the frame color of the slideshow.

Title Options

Title Font Size. " from 8 to 48 pixel " Each image has its own title. Title Font Family. " Google font " Choose the font family for image. Title Color. " RGB or # Color number " Choose the title color.

Description Options

Description Font size. " from 6 to 48 pixel " Specify the font size to describe the image. Description Font family. " Google font " Choose the font family for the description. Description Color. " RGB or # color number " Set a color for the description.

Link Options

Font size for Link. " from 8 to 36 pixel " Set size for the link button. Font Family for Link. " Google font " Choose the font family for link button. Link Text Color. " RGB # color number " Choose icon color for the link button. Background color for Link. " RGB # color number " In the dynamic slider specify preferable background color of the link button. Border Width for Link. " from 0 to 10 pixel " Set the border width for the buttons. Color. " RGB or # color number "- Set a color for the button. Border style. " None, Solid, Dashed, Dotted " Select the border style for the button in dynamic type. Border Color. " RGB # color number " Choose the border color for the button. Border Radius. " from 0 to 100 pixel " Choose the radius border for the link button. Hover Color. " RGB # color number " Choose the hover text color for the link button. Hover Background Color. " RGB # color number " Choose the hover background color for the link button. Link Text. " Your Text " You must write text for link button.

Arrow Options

Show. " yes " " No " Click to show navigation arrows in the slider or not. Left Text. " Your Text " You must write previous button text for dynamic arrow. Right Text. " Your Text " You must write next button text for dynamic arrow. Color. " RGB # color number " Select the arrow color, irrespective of the slider. Background Color. " RGB or # color number " Choose the background color for for the slideshow arrow. Border Width. " from 0 to 10 pixel " Set the border width for the arrows. Border style. " None, Solid, Dashed, Dotted " Select the border style for the arrows. Border Color. " RGB # color number " Select the border color for the arrows. Border Radius. " from 0 to 100 pixel " Determine the border radius for arrows in the dynamic slider. Hover Color. " RGB or # Color number " Choose the hover color. Hover background color. " RGB or # color number " Choose the hover background color for slideshow arrow.

Navigation Options

Width. " from 0 to 20 pixel " Set the width of navigation in the slider, that is in the top or at the bottom. Height. " from 0 to 20 pixel " Set the heigth of navigation in the slider, which will be in the top or at the bottom. Place between. " from 0 to 20 pixel " Choose the interval between each flow navigation. Border Width. " from 0 to 10 pixel " Choose the border size for navigation. Border Style. " None, Solid, Dashed, Dotted " Select the frame style for the navigation, which is in the image. Border Color. " RGB or # color number " Select a color for navigation. Border radius. " from 0 to 20 pixel " Determine the preferred range for the navigation border. Color. " RGB or # color number " Select the preferred color for navigation. Hover color. " RGB or # color number " Select the preffered hover color. Current color. " RGB or # color number " For the slider, determine the preferred current color.

Thumbnails Slider & Lightbox

General Options

Width. " from 100 to 2000 pixel " Select the width, it is fully responsive. Height. " from 100 to 2000 pixel " Select the height, it is fully responsive. Border Width. " from 0 to 20 pixel " Determine the image border. Border Style. " None, Solid, Dashed, Dotted " Choose the border style. Border color. " RGB or # color number " For the slider, choose the border colo. Border Radius. " from 0 to 500 pixel " Determine the border radius. Box shadow. " Yes " " No " Press if you need to have a shade in the box. Box Shadow Type. " shadow type 1 or shadow type 2 " Select from these two slider shadow types. Both are very beautiful. Shadow. " from 0 to 10 pixel " shadow color. " RGB or # color number " Set the shadow color. As you know, the box shadow color allows you to display a shadow behind your slider. Change Mote. " horizontal, vertical, fade " Set mode to horizontal, vertical or fade. Toggle Arrows. " Yes " " No " If true, side navigation arrows will slide out on hovering & hide other times. Autoplay. Delay between transitions in ms. If this parameter is not specified, autoplay will be disabled. Pause on hover. " Yes " " No " If the slideshow is active, the slideshow will pause on hover. Loop. " yes " " No " In slider when the pictures are finished, to begins again with the same sequence or not. Pause Time. " slide from 1 to 10 seconds " Set time interval for change. Change Speed. " from 1 to 10 seconds " How long the slideshow transition takes.

Navigation Options

Show. " Yes " " No " Show a navigation or to be without. Navigation Width. " from 0 to 20 pixel " Set the width of navigation. Navigation Height. " from 0 to 20 pixel " Set the height of navigation. Place between. " from 0 to 20 pixel " Choose the interval between each flow navigation. Navigation Border Color. " RGB or # color number " Select a color for navigation. Navigation Border radius. " from 0 to 20 pixel " Determine the preferred range for the navigation border. Current color. " RGB or # color number " Determine the preferred current color. Navigation Hover border color. " RGB # color number " Specify the hover border color. Position. " Bottom & Top " Select the position where you want to insert the navigation on the top or at the bottom.

Arrows Option

Show. " Yes " " No " Show a arrows or to be without. Arrow Type. " 11 types " A large variety of the arrow for a slide-show using the slider. Arrows size. " form 8 to 80 pixel " Set the size for the arrows. Color. " RGB # color number " Choose color for the arrows.

LiightBox Option

Overlay Color for LiightBox. " RGB or # Color number " Select a overlay color for the lightbox. LiightBox Border Width. " from 0 to 15 pixel " Change the border width of lightbox. LiightBox Border style. " None, Solid, Dashed, Dotted " Change the border style of lightbox. Border Color for LiightBox. " RGB or # Color number " Change the border style of lightbox. Border Radius. " from 0 to 100 pixel " Choose the radius border. Content Background for LiightBox. " RGB or # Color number " Choose the content background for the lightbox.

Title in Lightbox

Title Font size in Lightbox. " from 8 to 48 pixel " Specify font size of the title in lightbox. Title Font Familye in Lightbox. " Google font " Choose the font family. Title Color in Lightbox. " RGB # color number " Select your preferable color.

Arrows in lightbox

Arrows Type in Lightbox. " 8 types " A large variety of the arrow for button. Arrows Size in Lightbox. " form 8 to 36 pixel " Set the size for the arrows. Arrows Color in Lightbox. " RGB # color number " Select the arrow color, irrespective of the slider.

Slider Accordion

General Options

Accordion Width. " from 200 to 1000 pixel " Select the width for accordion it is fully responsive. Accordion Height. " from 100 to 2000 pixel " Select the height for accordion it is fully responsive. Border Width. " from 0 to 20 pixel " Select the border width for the accordion container. Border Style for Accordion. " None, Solid, Dashed, Dotted " Choose the frame style for the main border. Border Color. " RGB or # color number " Select the color for the border. Box shadow color. " RGB or # color number ". Set the shadow color. As you know, the boxshadow color allows you to display a shadow behind your accordion.

Slider Image Options

Photos Width. Set photo width in pixels. Box Shadow Color. " RGB or # color number * Set the shadow color. As you know the box shadow color allows you to display a shadow behind your photos.

Image Title Options

Title Font Size. " from 8 to 36 pixel " Adjust the size of the title text. Font Family for Title. " Google font " Select the font family for the title. Font Color for Title. " RGB or # color number " Adjust the color for the title font. Title Background Color and Opacity. " RGB or # color number * Background of coming up title may be adjusted in opacity level in percent.

Link Options

Font Size for Link Button . " from 8 to 36 pixel " Select the text size on link button. Font Family for Link Button. " Google font " Select the font family for the button text. Link Text Color. " RGB or # color number " Change text color on the link button. Select background color on the button which redirects to the link. Background Color for Link. " RGB or # color number " Select background color on the button which redirects to the link.

Slider features extensive configuration options along with the ability to add individual elements for slider, each with their own animation settings. Best of all, this functionality is accessed through the first genuinely easy to use, simple drag-and-drop interface in slider history.

No other image slider allows you to create awesome sliders so easily and quickly.

Multiple sliders per page. Add slider by use of shortcode. Fullwidth, Fullscreen Slider, Responsive Slider sizes. Allow to set interval time out for slider. Allow to set speed for slider.

Slider Revolution is not just your ordinary image & video slider any longer. Now you can also pull the sliders content from popular social media steams.

Image Slider is an innovative, responsive WordPress Slider plugin that displays your content the beautiful way.

Share  
Download
Version 1.2.0

Requires WordPress version: 4.2 or higher

Compatible up to: 4.7.2

Last Updated 06 Feb 2017

Date Added: 28 Jul 2016

Plugin Homepage

Evaluation
star1
star2
star3
star4
star5

4.3 stars
9 ratings
22,249 downloads

Compatibility

Not Enough Data

Reports:
Works: 0
Broken: 0