WP Responsive header image slider

Description

This plugin add a Responsive header image slider in your website. Also you can add Responsive image slider page and mobile tuch slider in to your wordpress website.

View DEMO | PRO DEMO and Features for additional information.

SlidersPack – All In One Image Sliders our new FREE WordPress Plugin. Try it Now.

The plugin adds a “Responsive header image slider” tab to your admin menu, which allows you to enter Image Title, Content, Link and image items just as you would regular posts.

Also added 3 designs “Responsive image slider-> Slider Designs”. Select the design that you like and use shortcode. Also given complete shortcode.

To use this plugin just copy and past this code in to your header.php file or template file

You can also use this image slider inside your page with following shortcode
[sp_responsiveslider]

If you want to select the design then you can use following parameter :
[sp_responsiveslider design=”design-1″]
Where design: design-1, design-2, design-3

Display Image slider catagroies wise :
[sp_responsiveslider cat_id=”cat_id”]
You can find this under “Responsive image slider-> Slider Category”.

Complete shortcode is

[sp_responsiveslider design="design-1" cat_id="2" width="1024"
 first_slide="1" height="300" effect="fade" pagination="true" navigation="true"
 speed="3000" autoplay="true" autoplay_interval="3000"]

Parameters are :

  • limit : [sp_responsiveslider limit=”-1″] (Limit define the number of images to be display at a time. By default set to “-1″ ie all images. eg. if you want to display only 5 images then set limit to limit=”5”)
  • design : [sp_responsiveslider design=”design-1″] (Display image slider with 3 designs. value is design-1, design-2, design-3)
  • cat_id : [sp_responsiveslider cat_id=”2″] (Display Image slider catagroies wise.)
  • first_slide : [sp_responsiveslider first_slide=”1″] (Set slider number that you want to display first)
  • effect : [sp_responsiveslider effect=”slide”] (Image slider effect. value is “slide” OR “fade”)
  • pagination : [sp_responsiveslider pagination=”true”] (Display pagination or not. value is “true” OR “false”)
  • navigation : [sp_responsiveslider navigation=”true”] (Display navigation or not. value is “true” OR “false”)
  • speed : [sp_responsiveslider speed=”3000″] (Set slider speed)
  • autoplay : [sp_responsiveslider autoplay=”true”] (Set autoplay or not. value is “true” OR “false”)
  • autoplay_interval : [sp_responsiveslider autoplay_interval=”3000″] (Set autoplay interval)

Added new Features

  • 3 Design.
  • Shortcode parameters.
  • Add custom link to image.
  • Display muliple image slider on your website.
  • Display Image slider catagroies wise

PRO Features Added :

Premium Version

  • WP header image slider is replaced with WP Slick Slider and Carousel
  • 90+ Predefined stunning designs
  • 30 Image Slider Designs
  • 30 Image Carousel and Center Slider Designs
  • 33 Slider Variable width Designs
  • Visual Composer Page builder support
  • Drag & Drop frature to display slide in your order
  • Custom CSS plugin setting option
  • Powerful shortcode with strong parameters
  • Display content with image and link in Carousel mode
  • Fully Responsive
  • 100% Multi Language

Check PRO DEMO and Features to know more.

Features include:

  • Mobile tuch slide
  • Responsive
  • Shortcode [sp_responsiveslider]
  • Php code for place image slider into your website header <div class="headerslider"> <?php echo do_shortcode('[sp_responsiveslider]'); ?></div>
  • Image slider inside your page with following shortcode [sp_responsiveslider]
  • Easy to configure
  • Smoothly integrates into any theme
  • CSS and JS file for custmization

Screenshots

  • Design-1
  • Design-2
  • Design-3
  • Designs Views from admin side
  • Catagroies shortcode

Installation

  1. Upload the ‘responsive-header-image-slider’ folder to the ‘/wp-content/plugins/’ directory.
  2. Activate the ‘SP Responsive header image slider’ list plugin through the ‘Plugins’ menu in WordPress.
  3. If you want to place image slider into your website header, please copy and paste following code in to your header.php file <div class="headerslider"> <?php echo do_shortcode('[sp_responsiveslider limit="-1"]'); ?></div>
  4. You can also display this Image slider inside your page with following shortcode [sp_responsiveslider limit="-1"]

FAQ

Installation Instructions
  1. Upload the ‘responsive-header-image-slider’ folder to the ‘/wp-content/plugins/’ directory.
  2. Activate the ‘SP Responsive header image slider’ list plugin through the ‘Plugins’ menu in WordPress.
  3. If you want to place image slider into your website header, please copy and paste following code in to your header.php file <div class="headerslider"> <?php echo do_shortcode('[sp_responsiveslider limit="-1"]'); ?></div>
  4. You can also display this Image slider inside your page with following shortcode [sp_responsiveslider limit="-1"]
Are there shortcodes for Image slider items?

If you want to place image slider into your website header, please copy and paste following code in to your header.php file <div class="headerslider"> <?php echo do_shortcode('[sp_responsiveslider limit="-1"]'); ?></div>

You can also display this Image slider inside your page with following shortcode [sp_responsiveslider limit="-1"]

Reviews

Very good support

Works like a charm, very good support, very specific solutions. Thanks to the authors for good work.

Good work

Thank You for beautifull slider. Its easy to configure and use. My Client very happy to use this plugin

Only useful with heavy code modification

At website load/refresh, all images stack up on each other and mess up the theme for a couple of seconds.

Still fighting with this trying up to fix their bad code, but I’m not far from deleting it. Absolutely ridiculous.

Read all 28 reviews

Contributors & Developers

“WP Responsive header image slider” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

3.0.3

  • Added ‘How it Work’ for better user interface.
  • Removed ‘Design’ page.

3.0.2

  • Fixed some css issues.
  • Resolved multiple slider jquery conflict issue.

3.0.1

  • Added link for pro design.
  • Fixed some bugs.
  • Added support for language

3.0

  • Added 3 News Designs.
  • Fixed some bugs.

2.1

  • Fixed some bugs

2.0.1

  • Fixed navigation ture OR false setting

2.0

  • Fixed some bugs

1.3

  • Added Slide and Fade effect option
  • Added New setting options

1.2

  • Fixed some bugs

1.1

  • Add custom link to image
  • Enable Or Disable custom link from setting

1.0

  • Initial release.