Image slider with description

Image slider with description WordPress plugin is a Jquery based image slideshow script that incorporates some of your most requested features all rolled into one. Not only images, this slideshow have images, title and description. We have option to enable/disable description in the slideshow.

What is jquery? jQuery is a cross-browser JavaScript library designed to simplify the client-side scripting of HTML. See the plugin live demo in this page.

Features of this Plugin

  • Fade in effect that has the current image fading over the previous one.
  • Slide effect that has each image slid one by one.
  • Each slide can be optionally hyper linked.
  • Each slide can have an optional description associated with it.

See the live demo below

Image slider with descriptionImage slider with descriptionImage slider with descriptionImage slider with description

How to Configure this Plugin?

First install and activate this plugin, Use the given short code in the pages or post to render the slideshow. Separate image management page available in the admin to add, update, delete the images.

Short code

[image-slider-desc setting="1" group="1"]

[image-slider-desc setting="2" group="2"]

Add directly in the theme

<?php echo ImgSlider_Fun(1, 1); ?>

Use this php code to add this plugin in to your theme files(i.e php file).

In this method first parameter is for setting and second parameter is for group.

Installation Instruction

Method 1

  1. Download the plugin image-slider-with-description.zip from download location.
  2. Unpack the *.zip file and extract the /image-slider-with-description/ folder.
  3. Drop the ‘image-slider-with-description’ folder into your ‘wp-content/plugins’ folder.
  4. In word press administration panels, click on plug-in from the menu.
  5. You should see your ‘image slider with description’ plug-in listed under Inactive plug-in tab.
  6. To turn the word presses plug-in on, click activate.

Method 2

  1. Go to ‘add new’ menu under ‘plugins’ tab in your WordPress admin.
  2. Search ‘image slider with description’ plugin using search option.
  3. Find the plugin & Click ‘Install Now’ link.
  4. Finally click activate plugin link to activate the plugin.

Method 3

  1. Download the plugin image-slider-with-description.zip from download location.
  2. Go to ‘add new’ menu under ‘plugins’ tab in your word-press admin.
  3. Select upload link (top link menu).
  4. Upload the available image-slider-with-description.zip file and click install now.
  5. Finally click activate plug-in link to activate the plug-in.

Frequently asked questions

Q1) How to upload images to the slideshow?

After activated the plugin, you can see the new menu in your admin “Image Slider”. In that we have image management option. Here we don’t have image upload option. Instead we have option to add image path.

Admin ==> Image Slider (Separate menu, It may available after Setting Menu) ==> Image Management

Q2) How to update slideshow setting?

Admin ==> Image Slider (Separate menu, It may available after Setting Menu) ==> Slider Setting

Q3) Is possible to hide description from the slideshow?

Yes, We have option in the slider setting page.

Q4) Can you explain the short code?

[image-slider-desc setting="1" group="1"]

This short code contain two part, one for slideshow setting and second for image.

SETTING = 1   (This means this slideshow will use the first setting, in the admin slider setting page we have two set of setting option, if you want to use second setting the use SETTING=2)

GROUP = GROUP1 (This is to read the images from the image management page, in the image management page we have one drop-down(Select Gallery Group) this is used to group the images. based on the mentioned group it will read the images.

Image management help

1) Enter Image Path = Where is the picture located on the internet? Put the address here. (Example: http://www.gopiplus.com/work/wp-content/uploads/pluginimages/600×400/600x400_1.jpg)

2) Enter Target Link = When someone clicks on the picture, where do you want to send them – It’s an image link (example: http://www.gopiplus.com)

3) Enter Target Option =

_blank loads the linked page/file in a new, unnamed browser window.

_self loads the linked page/file in the same frame or window as the link.

4) Enter Image Title = this means give the image title. The title will display on the image within the slideshow.

5) Select Gallery Group (This is to group the images) = Select your slideshow group, maximum we can setup 10 group. Whatever pictures you add into this gallery, is what you’ll get, when you call it up using the short code.

6) Display Status = do you want the picture to show in your gallery, yes or no?

7) Display Order = What order should the picture be played in. should it come 1st, 2nd, 3rd, etc.

Download location

http://www.gopiplus.com/work/wordpress-plugin-download/

Official Page with Live Demo

http://www.gopiplus.com/work/2011/11/04/wordpress-plugin-image-slider-with-description/