Left right image slideshow gallery
March 24, 2012 |
Posted by:
Gopi R |
Wordpress plugin |
72 Comments | 
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.
- 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
- Download the plugin left-right-image-slideshow-gallery.zip from download location.
- Unpack the *.zip file and extract the / left-right-image-slideshow-gallery/ folder.
- Drop the ‘left-right-image-slideshow-gallery’ folder into your ‘wp-content/plugins’ folder.
- In word press administration panels, click on plug-in from the menu.
- You should see your new ‘left right image slideshow gallery’ plug-in listed under Inactive plug-in tab.
- To turn the word presses plug-in on, click activate.
Method 2
- Go to ‘add new’ menu under ‘plugins’ tab in your word-press admin.
- Search ‘left right image slideshow gallery’ plugin using search option.
- Find the plugin and click ‘Install Now’ link.
- Finally click activate plug-in link to activate the plug-in.
Method 3
- Download the plugin left-right-image-slideshow-gallery.zip from download location.
- Go to ‘add new’ menu under ‘plugins’ tab in your word-press admin.
- Select upload link (top link menu).
- Upload the available left-right-image-slideshow-gallery.zip file and click install now
- Finally click activate plug-in link to activate the plug-in.
Live demo
| Other related plugins |
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
http://www.gopiplus.com/work/wordpress-plugin-download/
Donation
All modules, plugins in this website are completely FREE. If you find the software useful please consider making a donation(PayPal). All donations will go towards improving this web website and maintenance.
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.
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
U have option in the short code to change the galley setting
Test comment
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.
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.
disregard that comment
using this plugin gives stack overflow error in IE, is there a way out to solve this problem
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,
There is separate image management page available in the admin.
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…
If the short codes work, then why didn’t you use them on this page?
The short code demo available on the post…
Enter email address properly if you need reply….
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
Check my other slideshow plugins…
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?
… nevermind. I found and removed the link portion of:
var layerHTML=(imgref[1])? ‘‘ : ” //hyperlink slide?
works fine. Thanks!
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!
That’s not just logic. That’s really seisnble.
KI1irA hmqijhhgtqtw
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!
I would like to change the background color from grey to white – or transparent. Is there a way I can do that?
how do I center the slideshow, doesn’t seem to be working for me?
very nice plugins..tq
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
U try my super slideshow gallery plugin
Does this work with WP 3.2.1. ?
I installed the code
added one image and nothing shows up
yes, it will support… Use full image URL.
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.
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..
How do I center the slideshow please?
increase the slideshow width to match ur width , or create table and put that table to center align..
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
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??
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)
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??
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
pls share the page view source ..
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!
Figured it out. It won’t work with WP-Obscure. I hope I can work around that, because I may need WP-Obscure.
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?
Maybe this will help: http://www.boom-art-department.com/wordpress/
nevermind. A friend of mine fixed it somehow
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!
How can you add a separate logo for instance in the field ” site title ” ?
Or somewhere else INSTEAD of in the background image?
Can I disable the mouse over pause?
Thanks.
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
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
http://ritishah.5280projects.com/epoint/
We have used this plugin in our site
http://ritishah.5280projects.com/epoint/.
We are gettting z-index problem here…
can anybody help us?
How do I change the background color for left-right slideshow?
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??
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!
Great article and really love this slideshow. I am instantly going to test it out.
My question is that can we slide more then one image at a time . six images scroll left as compare to one image ?
This plugin disappeared off my website and I don’t know how to get it back. It seemed to have happened when I was uploading my own pictures and deleting the “sample” and “widget” ones. Was I supposed to leave them there? Plus my own photos never did show up.
Nevermind…I figured it out.
Hi,
I have activated and dragged on dropped into the side bar.
I went to settings and clicked on the gallery option.
However when I view my site I can only see the Heading of on the side bar but there is no slide show.
Would you kindly help?
Thanks
it looks your image path is wrong, check the same in the IE, you can find the issue.
Thanks Admin, I realise that I have to create a gallery. Sorry, I’m new at this.
So now I have installed the NextGen gallery successfully and I have added pictures to it successfully. But the slide show is still not working.
How can I get the left-right side show to work using the NextGen Galery? I have tried clicking on the Go -To Gallery setting but there is nothing I can see there that will point to the NextGen Gallery.
You say Type: This field is to to group the image for the gallery. Where do you create this group? and where does it link to the NextGen Gallery?
The Go-To Image management setting is confusing to me as I am new to WordPress.
Would you please explain to me very simply, step by step how to get the slide show working using the NextGen Gallery?
I would really appreciate your help on this Admin.
Thank you.
This plugin is not related to “NextGen Gallery” plugin… please watch any of my video tutorial link for more info.
Thanks Admin,
Please send me the video tutorial link.
Thanks
Admin, there is no tutorial for the Left right image slideshow gallery.
Please send me the link
You video tutorial button jumps to Constant contact WordPress plugin. There is no tutorial for Left right image slideshow gallery.
Can anyone help me please???
Can anyone send me the link for the tutorial for the Left right image slideshow gallery.
Bones posted on 9th March “Hi,
I have activated and dragged on dropped into the side bar.I went to settings and clicked on the gallery option. However when I view my site I can only see the Heading of on the side bar but there is no slide show.”
I also have just installed the plugin, followed all the above procedures and also got the same result – widget header only. I resized all images, checked size of slideshow in Settings – all looks OK – but no show.
However, if with the same settings, I use ‘shortcode’ [LR_IMAGE_GALLERY:TYPE=Kombi:WIDTH=360:HEIGHT=170:PAUSE=3000:RANDOM=YES]and placed this code in my post, it works great – WHAT possible error can there be with the widget?
Cheers Dennis
See: http://www.djg4friends.com/2012/1977-kombi-campervan-for-sale/
Well as we say here in Australia – “Bugger ME” I just found the answer to the widget ‘Heading only – no slideshow’!!
When in Settings – Gallery; the last settings box is TYPE – Now at installation this has the entry ‘widget’ in it, which corresponds to the installation images which have a TYPE = widget.
So as you create your own images to upload (E.G. I used my media Library reference URL for each image I wished to include in a slideshow) you must create a TYPE (in my case I called it Kombi) SO in order for the widget to work, the TYPE in the Settings/Gallery must be the same (in my case Kombi) – Hey Presto I now have a widget slideshow working!!
Hope this helps users.
Gopi – thanks for this easy to use LR slideshow, unfortunately I think language barriers make instructions hard to follow and without a tutorial for new users it’s often a battle. Such a simple thing as TYPE had me scratching my head & a… for a few hours!!
Can anyone tell me how so insert the short code into my header ? so I can have the slide show in my header rather then the main page ?
I understand how to edit the header, just don’t know how to do it..
Thanks
If I’m using installation Method 3 how do I specify different sets images to display if I’m using the slideshow in more than one place in a theme?
Thanks for the wonderful article, I was researching for details like this, going to check out the other posts.
I’m having trouble doing any of the presented gallery widgets or plugin’s. I installed Left Right Image Slideshow Gallery and even went so far as to drag and drop it on the right side but I don’t understand how to put the pictures in a slidshow on the homepage… I’ve been at it for about an hour now….SOS:) Thank you!