WP Header image slider and carousel

Description

This plugin add a Header image slider with captions in your website.

Check 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 “Header image slider” tab to your admin menu, which allows you to enter Image Title, link and image items just as you would regular posts.

WP Header image slider contains 3 shortcodes

  • Image slideshow with captions/without captions
    [sp_imageslider]

  • Image Carousel
    [sp_imagecarousel]

  • Thumbnail pager
    [sp_imagethumbnail_pager]

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

Features include:

  • Php code to place image slider into your website header
  • Shortcode parameter for each shortcode
  • Fully responsive – will adapt to any device
  • Horizontal, vertical, and fade modes
  • Advanced touch / swipe support built-in
  • Uses CSS transitions for slide animation (native hardware acceleration!)
  • Browser support: Firefox, Chrome, Safari, iOS, Android, IE7+
  • Easy to configure
  • Smoothly integrates into any theme
  • CSS and JS file for custmization

Sortcode parameters

[sp_imagecarousel] and [sp_imagethumbnail_pager]
  • Limit : [sp_imageslider limit=”10″] and [sp_imagethumbnail_pager limit=”10″](Limit number of slides. By default it display all latest slide with shortcode ).
  • Effect : [sp_imageslider effect=”fade”] and [sp_imagethumbnail_pager effect=”fade”] (Choose Slider effect. You can use ‘fade’, ‘horizontal’, ‘vertical’).
  • Captions: [sp_imageslider captions=”true”] and [sp_imagethumbnail_pager captions=”true”](Display title on image in slider. Values are “true OR false” ).
  • Autoplay : [sp_imageslider autoplay=”true” ] and [sp_imagethumbnail_pager autoplay=”true” ](Start Slider automatically. Values are “true OR false”).
  • Autoplay Interval : [sp_imageslider autoplay_interval=”3000″ ] and [sp_imagethumbnail_pager autoplay_interval=”3000″ ](Control time interval between two slide.).
  • Speed : [sp_imageslider speed=”2000″] and [sp_imagethumbnail_pager speed=”2000″](Control Slider Speed).
  • Auto Controls : [sp_imageslider auto_controls=”true” ] and [sp_imagethumbnail_pager auto_controls=”true” ] (Display Slider Controls).
  • Infinite: [sp_imageslider loop=”true”] and [sp_imagethumbnail_pager loop=”true”] (Run Slider Contineously).
  • Start Slide : [sp_imageslider start_slide=”1″] and [sp_imagethumbnail_pager start_slide=”1″] ( Slider Starts with given number Slide. Take 0 for first slide.)
  • Random Start: [sp_imageslider random_start=”true”] and [sp_imagethumbnail_pager random_start=”true”](Start Slider with random number slide. Values are “true OR false”)
  • Dots : [sp_imageslider dots=”true” ] (Display dots on slider. Values are “true OR false” )

Sortcode parameters

[sp_imagecarousel]
  • Limit : [sp_imagecarousel limit=”10″] (Limit number of slides. By default it display all latest slide with shortcode).
  • Autoplay : [sp_imagecarousel autoplay=”true” ] (Start Slider automatically. Values are “true OR false”).
  • Autoplay Interval : [sp_imagecarousel autoplay_interval=”3000″ ](Control time interval between two slide.).
  • slide_width : [sp_imagecarousel slide_width=”200″] (Set slider width).
  • min_slides: [sp_imagecarousel min_slides=”2″] (The minimum number of slides to be shown. Slides will be sized down if carousel becomes smaller than the original size. ).
  • max_slides : [sp_imagecarousel max_slides=”2″ ] (The maximum number of slides to be shown. Slides will be sized up if carousel becomes larger than the original size.).
  • Speed : [sp_imagecarousel speed=”2000″] (Control Slider Speed: Slide transition duration (in ms)).
  • slide_margin : [sp_imagecarousel slide_margin=”10″ ] (Margin between each slide).
  • Dots : [sp_imagecarousel dots=”true” ] (Display dots on slider. Values are “true OR false” )

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.

Screenshots

  • Image slideshow with captions
  • Image slideshow with carousel
  • Thumbnail pager
  • All

Installation

  1. Upload the ‘sp-header-image-slider’ folder to the ‘/wp-content/plugins/’ directory.
  2. Activate the ‘SP 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_imageslider limit="-1"]'); ?></div>
  4. You can also display this Image slider inside your page with following shortcode [sp_imageslider limit="-1"]

FAQ

Installation Instructions
  1. Upload the ‘sp-header-image-slider’ folder to the ‘/wp-content/plugins/’ directory.
  2. Activate the ‘SP 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_imageslider limit="-1"]'); ?></div>
  4. You can also display this Image slider inside your page with following shortcode [sp_imageslider limit="-1"]

Reviews

Awesome plugin

The Plugin is awesome. It fits into my design excellently. The support is great and speedy too. Thanks for making my day.

Read all 4 reviews

Contributors & Developers

“WP Header image slider and carousel” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.3

  • [+] Added dots new shortcode paramneter to show/hide pagination/dots
  • [+] Added autoplay, autoplay_interval, dots to the shortcode [sp_imagecarousel]

1.2

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

1.1

  • Fixed so many bugs
  • Added 3 shortcode with parameters
  • Responsive
  • Added mata box for external link

1.0

  • Initial release.