WP Header image slider and carousel

Description

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

Check DEMO for additional information.

Check PRO DEMO and Features to know more.

Download our all FREE 34 WordPress Plugins.

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”).
  • 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”)
  • Autoplay Interval : [sp_imageslider autoplay_interval=”3000″ ] and [sp_imagethumbnail_pager autoplay_interval=”3000″ ](Control time interval between two slide.).

    [sp_imagecarousel]

  • Limit : [sp_imagecarousel limit=”10″] (Limit number of slides. By default it display all latest slide with shortcode).

  • 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).

PRO Features Added :

Premium Version

  • WP header image slider is replaced with WP Slick Slider and Carousel
  • Added 16 Pro designs
  • 10 Image Slider Designs
  • 6 Image Carousel Slider
  • Display content with image and link in Carousel mode
  • Simple & Easy to Use

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"]

Contributors & Developers

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

Contributors

Changelog

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.