jQuery Preview Slider

Preview Slider is a standalone plugin that allows you easy and fast to create and control image full width slider for your page header.

  • jQuery driven image slider
  • Full width slider
  • Drag and touchswipe support
  • Responsive design
  • Auto scrolling
  • Compatible with all major browsers (IE8 and above , Chrome, Firefox, Safari and Opera)
  • Image links for further reading (optional)
  • Auto slideshow with pause on hover (optional)
  • Image description box (optional)
  • Thumbnail for the previous/next slide (optional)
  • Customizable border/arrow colors
  • Shortcode

From your Admin Panel go to Plugins -> Add New -> Upload -> Browse and pick the previewslider archive file. Click “Install Now” button. Click “Active Now” after the plugin has been installed. A new menu should now appear in your Admin Menu called “Preview” Slider”.

Before adding images you will have to create a category that will hold your images. You will have to create at least 1 category.

By default the slider displays images from all categories. You can specify in the general settings or in the shortcode itself whether you want to display images from specific categories only.

From your Admin Panel go to Preview Slider -> Categories -> Add Category. Enter category name and click “Save Changes”.

From your Admin Panel go to Preview Slider-> Slides. You will see a list with categories you have created and button to the right “Add slide to this category”. Add the slide information and click Save Changes.

The plugin uses the shortcode [previewslider] to display the front-end content. From your Admin Panel create new Page or Post and type [previewslider].

If you want to call the Preview Slider directly through “do_shortcode” use: <?php echo do_shortcode(“[previewslider]”); ?>

If you intend to call the shortcode with “echo do_shortcode(“[previewslider]”);”” make sure you have loaded the scripts first by using:

<?php previewslider::enqueue_scripts(); ?>