Left right image slideshow gallery

April 25, 2011 | Posted by: Gopi R | Wordpress plugin | 63 Comments | Video tutorial

Left right image slideshow gallery lets showcase images in a horizontal move style. Single image at a time and pull one by one continually. This slideshow will pause on mouse over. The speed of the plugin gallery is customizable. Persistence of last viewed image supported, so when the user reloads the page, the slideshow continues from the last image.

Features of this plugin

  • Free.
  • Easy to customize.
  • Support all browser.
  • Automatically pauses on mouse over.
  • Can use many time in the same page.
  • Can stop the slideshow after some cycle.
  • Short code available for pages and posts.

Live Demo

Installation instruction and configuration

Method 1

  1. Download the plugin left-right-image-slideshow-gallery.zip from download location.
  2. Unpack the *.zip file and extract the / left-right-image-slideshow-gallery/ folder.
  3. Drop the ‘left-right-image-slideshow-gallery’ 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 new ‘left right image slideshow gallery’ 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 word-press admin.
  2. Search ‘left right image slideshow gallery’ plugin using search option.
  3. Find the plugin and click ‘Install Now’ link.
  4. Finally click activate plug-in link to activate the plug-in.

Method 3

  1. Download the plugin left-right-image-slideshow-gallery.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 left-right-image-slideshow-gallery.zip file and click install now
  5. Finally click activate plug-in link to activate the plug-in.

Other related plugins

“Want to scroll the
images up and down”
Click here

Plugin configuration

Method 1

Drag and Drop the Widget : Go to widget page under Appearance tab, Drag and drop ‘left right image slideshow gallery’ widget into your side bar. its very easy.

Method 2

Add the gallery in the Posts or Pages : Copy and paste the given short code into pages or posts. Short code available in the below comment (Click to see the short code).

Method 3

Add directly in the theme : Use this code, <?php if (function_exists (Lrisg)) Lrisg(); ?> to add Left right image slideshow gallery plugin to your Theme files.

Security

Only website admin and the user have the administrator privilege can see and change the gallery setting and can add, update, delete the plugin images in the website administration area.

Dashboard → Settings → Left right slideshow

Property details

Width, Height : Width and height of gallery in pixels. Preferred dimensions of largest image in the group.

Pause : Pause time of the slideshow in milliseconds.

Cycles : Gallery will automatically start the slideshow and it will stop number of cycle mentioned in this property.

Continue : Continue from last viewed slide supported, so this property is true and when the user reloads the page, the slideshow restarts from the last images.

Slide duration : Slideshow transition duration in milliseconds.

Random : This property is to set the order of the slideshow random or user mentioned order in the image management page.

Type: This field is to to group the image for the gallery.

Image URL: Enter image full URL.

Target link : Enter the hyper link ( Link to redirect on image click, Use # if no link available).

Target option : Open the target link in the the new window or same window.

Display status : To stop the image display temporary.

Display order : To order the image display if Random option is NO.

Frequently Asked Questions

Q1) How to update the width, height, fade duration, pause of the gallery?

Administration → Settings → Left right slideshow → Gallery setting.

Q2) Where to upload my image?

Administration → Settings → Left right slideshow → Image management.

Q3) How the slide show manages the order?

Ordering option available in “Image management” page, if you want random order use “Random” setting in galley setting page, in short code also random keyword available.

Q4) How to split the images for gallery?

Use this “Enter gallery type” filed to split the images for gallery.

Q5) Where to update the duration of transition?

Administration → Settings → Left right slideshow → Gallery setting.

Q6) Where to update the pause time between images?

Administration → Settings → Left right slideshow → Gallery setting.

Download link

Download

Comments (63)

  1. Gopi R says:

    Plugin short code for pages and posts :

    [LR_IMAGE_GALLERY:TYPE=sample:WIDTH=360:HEIGHT=170:PAUSE=3000:RANDOM=YES]

    Short code explanation

    LR_IMAGE_GALLERY = This is the default text for short code.
    : = This is used here for delimitation.
    TYPE = Image group.

  2. anita says:

    what if I want to use this plugin for my header slide show (910x200px), I used in my header.php.

    Now when I want to use again in my post with different type(images with 400x300px),
    When I change the gallary setting with this type…the header type changes to 400x300px.

    How can I use this plugin in 2 places with different type mainly…one in header theme and other in post.

    anita

  3. test says:

    Test comment

  4. david says:

    hi, i love this plugin, so simple and clean. Thank you, I just have one question, can you make it so it only cycles once? in other words can you make it stop repeating? I tried changing in settings>left right slideshow>persist to false but I couldnt fit all the letters in? Thanks again.

    • Gopi R says:

      Use “Cycles” field to stop rotating the same images again. (Set Cycles = 1 to display images only one time)

      please read Property details section from above post.

  5. david says:

    disregard that comment

  6. Abhishek says:

    using this plugin gives stack overflow error in IE, is there a way out to solve this problem

  7. KC Lam says:

    Dear sirs,

    My images are stored under NextGEN Gallery, can I use those images? If they can be used, what should I type.

    If not, how can I use your plugin?

    Many thanks,

  8. Faze says:

    I loaded plugin and it seems to be working well, but I am not sure how to get my pictures to show up… I went to gallery management page, but it doesn’t make a lot of sense to me… thanks for any help…

  9. WordPress plugin Left right image slideshow gallery | Gopi's Digital Web book says:

    [...] Live demo http://www.gopiplus.com/work/2011/04/25/wordpress-plugin-left-right-image-slideshow-gallery/ [...]

  10. Left right image slideshow gallery wordpress plugin « GOPI – Wordpress Joomla Plugin says:

    [...] Live demo http://www.gopiplus.com/work/2011/04/25/wordpress-plugin-left-right-image-slideshow-gallery/ [...]

  11. gopiplus om "Image lodrette rulle rulle lysbilledshow" - CyberMaster says:

    [...] Venstre Højre billede slideshow galleri [...]

  12. Chuck says:

    If the short codes work, then why didn’t you use them on this page?

  13. gopiplus på "Wp foto tekst skyder 50" - CyberMaster says:

    [...] Venstre Højre billede slideshow galleri [...]

  14. manoj says:

    dear sir,

    i want to side image left to right is it possible?
    if yes , please help me
    you can send me code on my email

    thanks

  15. david says:

    Is it possible to disable clicking on the slideshow? I want the slideshow to slide per all the parameters you’ve created (works great!)– but if I put a “#” in the link, it still opens _blank, _self, etc. Can that be turned off?

  16. david says:

    … nevermind. I found and removed the link portion of:

    var layerHTML=(imgref[1])? ‘‘ : ” //hyperlink slide?

    works fine. Thanks!

  17. DR says:

    Hi Gopi. Great plugin thanks!
    I need to have one gallery type as widget and a different set of images using the php code in the template. Nothing in a post or page so I can’t use the shortcode. Can the php code insert be given options like the shortcode?

    Thanks!

  18. Stitches says:

    That’s not just logic. That’s really seisnble.

  19. J_Design says:

    Hello, I really enjoy using this plug in on my Word Press sites. A weird thing occurred recently, I uploaded my photos as usual, but there is a black stroke only on the left and top of my photos. On all of them, it’s not a stroke setting because it does not border the entire slideshow images. How can I fix this?

    Thank you!

  20. Fade in fade out post title wordpress plugin says:

    [...] Left right image slideshow gallery [...]

  21. M_Anderson says:

    I would like to change the background color from grey to white – or transparent. Is there a way I can do that?

  22. kindle test | Darwin Cases | ipad cases, ipad leather case, book ipad case, kindle book cover, ipad cases book says:

    [...] images left right” Click here [...]

  23. Arthur says:

    how do I center the slideshow, doesn’t seem to be working for me?

  24. yunanto says:

    very nice plugins..tq

  25. Left right image slideshow gallery review, discussions, does it work, and ratings on Loadwp.com | Loadwp.com says:

    [...] LIVE DEMO MORE INFO COMMENTS AUTHOR [...]

  26. Bill says:

    Hi,

    I LOVE this plugin! I would just like each image to display a text of the title of the image–either as they slide or if the visitor mouses over.

    Do you have a simple plug in like that or can you suggest one?

    Thank you,

    Bill

  27. Kevin says:

    Does this work with WP 3.2.1. ?
    I installed the code
    added one image and nothing shows up

  28. Colter says:

    Yeah it doesn’t do anything for me either. The images are sitting in the folder created when I upload to my media library … i copy the link from the media library so I can’t get it wrong … no images appear in the slideshow. Why is it that blogger is so dead simple to use and wordpress is so pointlessly complicated? …. you don’t have to answer the second question.

    • Gopi R says:

      The images are coming from the table “lrisg_plugin” not from folder. can u share the link?? or can u share at-least page view source??? with out this how can i answer your question..

  29. Ben says:

    How do I center the slideshow please?

  30. John says:

    Hi there.
    firstly Gopi, a great product but I am having severe trouble uploading images to use on it.
    Which paths do I use and could you give me an example please?

    Kind regards,
    John

  31. Wordpress plugin space gallery slideshow says:

    [...] Left right image slideshow gallery [...]

  32. Alex says:

    Hi

    Brilliant plugin- thank you! Only problem is that my images are not sliding! All are there, if you refresh page a new one will appear but they are not sliding left to right.

    I ahve used correct code within the page: [LR_IMAGE_GALLERY:TYPE=sample:WIDTH=360:HEIGHT=170:PAUSE=3000:RANDOM=YES]

    (I’ve changed size to 500 x 300) and renamed to type: 2011..can you help??

    • Admin says:

      pls take view source and check.. code rendered properly… also when u past the short code in the editor always u editor text mode(not HTML mode)

      • Alex says:

        Hi

        Thanks so much for the swift reply. I did as you suggested and pasted short code using editor not HTML mode…but no change.

        I’ve done a search for LR_IMAGE_GALLERY in source code but it doesn’t appear to be there….any reason why that would be??

        • Alex says:

          Just searched again and found the javascript: var Lrisg_SlideShow=new Lrisg_Show({Lrisg_Wrapperid: “2011″ etc. and it appears to be calling images fine…why wouldn’t it be sliding….?

          Cheers
          Alex

  33. Paul M says:

    This is a site in development, but you can take a look. I had it working flawlessly on the home page, but suddenly after the last set of updates to all my plugins and to WP, I now have nothing . . . :-(

    Pls help. I really like your solution. I don’t want to have to find another.

    Thanks!

  34. richard boom says:

    Hello, Am loving this plugin.
    However when I add new images (settings>leftrightslideshow> imagemanager) somehow the code is not updated… How is this to be mended?

  35. Salvador Castanedo says:

    I love this simple and cool plugin!

    The only problem I’m facing is my images are been showing smaller than I upload them. I want 960 x 400 images for my slideshow, but when I set my slideshow gallery for this dimensions my images show smaller. What can I do?

    Thanks in advance!

  36. richard boom says:

    How can you add a separate logo for instance in the field ” site title ” ?
    Or somewhere else INSTEAD of in the background image?

  37. FilM says:

    Can I disable the mouse over pause?

    Thanks.

  38. stones says:

    Thanks for the helpful plugin. Unfortunalety there’s an error (since today) when I open my webside (under construction):

    Deprecated: Function split() is deprecated in /kunden/90120_52078/wp/wp-content/plugins/left-right-image-slideshow-gallery/left-right-image-slideshow-gallery.php on line 239

    the same for the line 240 until 245

    Thats the lines in my left-right-image-slideshow-gallery.php:

    list($Lrisg_type_main, $Lrisg_width_main, $Lrisg_height_main, $Lrisg_pause_main, $Lrisg_random_main) = split(“[:.-]“, $scode);

    list($Lrisg_type_cap, $Lrisg_type) = split(‘[=.-]‘, $Lrisg_type_main);
    list($Lrisg_width_cap, $Lrisg_width) = split(‘[=.-]‘, $Lrisg_width_main);
    list($Lrisg_height_cap, $Lrisg_height) = split(‘[=.-]‘, $Lrisg_height_main);
    list($Lrisg_pause_cap, $Lrisg_pause) = split(‘[=.-]‘, $Lrisg_pause_main);
    list($Lrisg_random_cap, $Lrisg_random) = split(‘[=.-]‘, $Lrisg_random_main);

    The only changes i made today, was to activate the slideshow in nextgen-gallery, but I didn’t use in on the page with the error.

    Any idea?
    Thanks for your trouble
    best regards

  39. stones says:

    problem fixed, the reason was the plugin custom login screen, after deactivating the error is gone.

    So I have to look for another plugin for personal login screen :-(

  40. Riti says:

    We have used this plugin in our site
    http://ritishah.5280projects.com/epoint/.

    We are gettting z-index problem here…
    can anybody help us?

  41. Corey says:

    How do I change the background color for left-right slideshow?

  42. ConnieN says:

    Love this slideshow! One thing: I’d like the slides to move a little faster, and changing the numbers (either pause and/or slideduration) doesn’t seem to work. Any suggestions??

  43. Tami says:

    Is there a way to get the slideshow to wrap with text in a page or post? For instance, by adding to the shortcode in some way? Any help would be appreciated!

  44. Webdesign Erding says:

    Great article and really love this slideshow. I am instantly going to test it out.

Leave a Reply