Horizontal scroll image slideshow
July 18, 2010 |
Posted by:
Gopi R |
Wordpress plugin |
100 Comments |
Horizontal scroll image slideshow lets you showcase images in a horizontal scroll like fashion, one image at a time and in a continuous manner, with no breaks between the first and last image.
Feature
- Simple, simple, simple.
- Easy installation.
- Widgets, so you can add pretty much anything.
- Easy slideshow size (width & height) override option.
See plugin demo on side bar; Do you want to scroll the images vertically? Use vertical scroll image slideshow gallery plugin.
Installation instruction
Method 1
- Download the plugin horizontal-scroll-image-slideshow.zip from wordpress directory.
- Unpack the horizontal-scroll-image-slideshow.zip file.
- Extract the /horizontal-scroll-image-slideshow/ folder.
- Drop the popup folder into your ‘wp-content/plugins’ folder.
- In word press administration panels, click on plug-in from the menu.
- You should see your new horizontal scroll image slideshow plug-in listed.
- 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 horizontal scroll image slideshow 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 horizontal-scroll-image-slideshow.zip from wordpress directory.
- Go to ‘add new’ menu under ‘plugins’ tab in your word-press admin.
- Select upload link (top link menu).
- Upload the available horizontal-scroll-image-slideshow.zip file and click install now.
- Finally click activate plug-in link to activate the plug-in.
Use my another plugin Image Horizontal Reel Scroll Slideshow to load the slideshow gallery in the pages or posts. This best suitable for footer slideshow.
Plugin configuration
1. Drag and drop the widget: Go to widget menu and drag and drop the “superb slideshow gallery” widget to your sidebar location.
2. Paste the below code to your desired template location: Copy and past the below mentioned code to your desired template location(ie in PHP file).
<?php if (function_exists (hsis_show)) hsis_show(); ?>
Frequently Asked Questions
Q1. Where to upload my image?
add/edit/delete images in this XML file. “wp-content/plugins/horizontal-scroll-image-slideshow/gallery/widget.xml”
Dashboard → Plugins → Editor → Select horizontal scroll image slideshow plugin (Available top right drop-down box) → Select the XML file name (widget.XML) and update the xml file with your own image link.
Q2. Why my image gallery out of range?
In front end widget area, if you see gallery out of area or invisible, it because of height and width of the widget, so you should arrange width and height of the widget in widget configuration area. In default I have fixed width: 200px and height: 155px.
Q3. Why my slideshow not scroll properly or why one image overlaps another at the time of scroll?
Set the width and height to the width/height of the largest image in your slideshow!
Q4. I want to use this plugin in the pages or posts?
Use my another plugin Image Horizontal Reel Scroll Slideshow to load this gallery in the pages or posts
I tried to use your plugin, but after installation the rate of faults and erros increased dramatically.
Please find attached the list of all faults.
for answer please use the my email adress joerg-franz@gmx.de
Thanks a lot
Jörg
Where you attached the fault list??
http://validator.w3.org/check?uri=http%3
please find below the link
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.joergfranz.de%2F&charset=%28detect+automatically%29&doctype=Inline&group=0&verbose=1&user-agent=W3C_Validator%2F1.1
Jörg
OK I have downloaded the widget but I’m not sure where it will get my images from to display. I don’t have much experience with .xml files which is why I chose wordpress as an all in one solution.
I was to add some images to this widget so that I can then display it on my home page. How would I do this?
1. Add your images anywhere and take the URL.
2. Take our XML file(open in notepad).
3. In that you can see the image URLs(replace the image URL with ur new URL)
that makes about as much sense as a barrel of monkeys!! can you speak english please?????? damn i never heard such a vague answer in my life,, you can add images anywhere??? r u serious?? not a single word you said here made any sense!!!
you rude twat. it makes perfect sense. go do some basic wordpress learning and then get some manners
mike, I do not think you could have said it more perfect than that.
Totally agree with you mike. It does make sense lol
Mastermic, YOU ARE AN IDIOT!
Hi,
Do we need to provide URL of individual images or can we have all images in one folder and then specify the path of the folder
Hi, how to insert it via tepmlate? what code should I insert to my theme? thank you!!!
1.You can paste the below given code directly into PHP page.
Hi,
thank U for quick answer, I will test it.
One more question, is it possible to show 2 or more pictures simultaneously? I mean, f.e. to show 2 pictures, then 1 more comes, and one lives. (something like train)
Or it is some idea for future function.
Thank U !!!
Hi i have question “paste code below..” what files index.php? or sidebar.php?
Not work… i have WP 3.0 plugin works but i have moving type “undefined”. Paiste code… where? index.php? sidebar.php? sidebar-page.php? What line in index.php i must paiste code
you really need to sit down and write out some clear definate directions how to load the photos in the widget!
Hi and thank you.
I want ro use this plug-in istead of the header image of my website. how can I use?
Hi …. I have added the images to XML file and I am using a news magazine 640 theme for wordpress.. I can get the image to scroll at all.. I have added the’ ‘ in the desired location, but wont work
hi, can u explain more, your using widget to display slid-show or page.
When I try to activate the plugin I get the error blow –
Parse error: syntax error, unexpected T_OBJECT_OPERATOR in /home/content/K/a/t/KatherinesBB/html/kbridal/wp-content/plugins/horizontal-scroll-image-slideshow/horizontal-scroll-image-slideshow.php on line 36
Hi, can you help. I don’t know where to post the php to get the slideshow to work for the “ibusiness” theme homepage image. I don’t want it as part of my sidebar, but as the main image on the homepage. Do you think you could help me. Thanks!!
There is an additional plugin available on this page that allows you to have slideshows on pages. I believe this specific plug in works on widgets.
in the features.php
Nice plugin!
How are we going to set the scroll speed?
Can somebody PLEASE post the actual code to insert into a php page to get this to work? I do NOT want the slideshow to appear on the sidebar as a widget but would like to insert it at a location on the front page!
I don’t know where to insert the ‘image’ code in order to get the images to show in the sidebar.
Could someone help please
I am told to upload my images into the
wp-content/plugins/drop-in-image-slideshow-gallery/gallery/
But I do not know where in this area to insert my image code. Could someone advise me please.
Hi ,
Very Nice and useful plugin
its working fine at http://test.ysrcongress.co.in/
as u can see there , i have adjusted width of sideshow to 585 px but gap between images is more ..how can i change it ..
you ca see here
http://www.cineradham.com/index.html
of what i am talking about..i need it to be belt type scroll er
I have this plug in currently running on 3 separate sites.
The 4th site I get “undefined” scrolling. Only difference is of course the image url.
Excellent web-site! I thoroughly enjoyed your content …very well written.
hi what plug in are you using in the front page horizontal image scroll with text help please
please tell in step by step how to add image.
sorry the instruction given above is not clear
i am new to this
i got this problem similar to “Alan” above
thanks
@ things can be added to make this a much improved widget.
1. Auto thumbnail (automatically resize the image to fit)
http://phpthumb.sourceforge.net/
2. A page to select the images in the admin, instead of having to modify the xml file each time.
Ro2.Biz is a FREE online earning platform. We at Ro2.Biz pay you to Chat! Play! Click and Promote!
Hello webmaster I like your post ….
I followed the instructios and posted paths from gallery into xml. This is what it says in my sidebar:
Warning: DOMDocument::load() [domdocument.load]: URL file-access is disabled in the server configuration in /data/25/2/13/83/2502735/user/2741157/htdocs/WordPress/wp-content/plugins/horizontal-scroll-image-slideshow/horizontal-scroll-image-slideshow.php on line 30
Warning: DOMDocument::load(http://0333c18.netsolhost.com/WordPress/wp-content/plugins/horizontal-scroll-image-slideshow/gallery/widget.xml) [domdocument.load]: failed to open stream: no suitable wrapper could be found in /data/25/2/13/83/2502735/user/2741157/htdocs/WordPress/wp-content/plugins/horizontal-scroll-image-slideshow/horizontal-scroll-image-slideshow.php on line 30
Warning: DOMDocument::load() [domdocument.load]: I/O warning : failed to load external entity “http://0333c18.netsolhost.com/WordPress/wp-content/plugins/horizontal-scroll-image-slideshow/gallery/widget.xml” in /data/25/2/13/83/2502735/user/2741157/htdocs/WordPress/wp-content/plugins/horizontal-scroll-image-slideshow/horizontal-scroll-image-slideshow.php on line 30
undefinedundefined
What does it mean?
Thanks.
Appreciation for this infomritaon is over 9000thank you!
PeF4DU hxjlgjwggxvx
jG8zPD hfaikjvsytiu
Is the line of the computer has denaturised, as if they were really divers than the preceding theme.
I found your weblog website on google and test a number of of your early posts. Proceed to keep up the superb operate. I simply extra up your RSS feed to my MSN News Reader. In search of ahead to studying extra from you in a while!…
I’m not sure exactly why but this website is loading extremely slow for me. Is anyone else having this problem or is it a issue on my end? I’ll check back later and see if the problem still exists.
I want to it in some way. Without making it to the prefab.
I hope that it doesnt disappoint me as much as this 1. I imply, I realize it was my selection to read, but I really thought youd have some thing
Hello there! This is my 1st comment here so I just wanted to give a quick shout out and say I truly enjoy reading your posts. Can you suggest any other blogs/websites/forums that deal with the same subjects? Thank you!
You can find the many website. but u cant see the live demo…
hello there and thank you for your info – I’ve definitely picked up anything new from right here. I did however expertise several technical issues using this web site, since I experienced to reload the site a lot of times previous to I could get it to load properly. I had been wondering if your hosting is OK? Not that I’m complaining, but sluggish loading instances times will often affect your placement in google and can damage your high-quality score if advertising and marketing with Adwords. Well I am adding this RSS to my e-mail and can look out for a lot more of your respective intriguing content. Make sure you update this again very soon..
The next time I read a blog, I hope that it doesnt disappoint me as much as this one. I mean, I know it was my choice to read, but I actually thought youd have something interesting to say. All I hear is a bunch of whining about something that you could fix if you werent too busy looking for attention.
The plugin only seemed to work if I used the 3 provided links, but it will not run if I have more than that. Installed it in the sidebar. Is there a way to fix this? Used both Dreamweaver and Notepad to edit the xml to add 10+ images/links. Thanks!
Can u pls share the demo url..
Hi Gopi
I like this plugin very much. It works great for me. I have to say that I like the way you add images. It is very easy to both add images and put a link in, so I must say that I don’t understand some of the comments here.
I wonder if it is difficult to make the images loop instead of make them move with the cursor?
Thanks for all your hard work
H
I am sorry, but I posted this in the wrong place. I am talking about the Horizontal motion gallery.
You should consider starting an monthly news letter. It would take your site to its potential.
Nice plugin! how can i make my 6 pictures scroll at the same time on the same bar , i tried putting the template code just below the header , it workds perfectly but , its scrolling just a single picture, is there any way to scroll 6 picture at the same time , or a picture from each category
!
Thanks
In the XML file you have to include all your image URLS….
An added important aspect is that if you are an elderly person, travel insurance regarding pensioners is something you need to really think about. The more mature you are, a lot more at risk you will be for making something awful happen to you while in another country. If you are never covered by some comprehensive insurance policies, you could have a number of serious difficulties. Thanks for giving your hints on this website.
Im very blissful to listen to this. This is really nice
.
Hey! I just wanted to ask if you ever have any trouble with hackers? My last blog (wordpress) was hacked and I ended up losing months of hard work due to no backup. Do you have any solutions to protect against hackers?
Hello Gopi R,
The slideshow is very easy to use and good looking, only problem I have it’s only showing the pictures on the homepage (in sidebar), does it have something to do with permalinks?
WONDERFUL Post.thanks for share..extra wait .. <a href=”http://www.ca-losangelesplumbing.com”>los angeles plumbing
I find myself coming for your blog more and more often to the
point where my visits are almost daily now!
You’re probably as big a fanatic as I am which is why I recently
said?-
The first and most basic way to power a remote controlled car is always to have a battery pack running the motors. This really is the kind of system that you will see in beginning cars. If implemented correctly, it may be fairly effective. Its main strong point is that it is very light. Cars using electric power can reach all new levels of lightness. Even so, like all of the options, there’s a tradeoff: electric cars are the slowest of them all. So, you will have to decide whether you wish a light car that handles well, or a speed demon that will tear up the competition. And that brings us to the next choice, which is definitely a bit speedier than the electric alternative.
Check out my blog site if you’re interested and obsessed as I am?-
http://6309.com.cn /
Thanks for the submit.
I’m usually to blogging and i really recognize your content. The article has actually peaks my interest. http://www.lanescarproducts.com I’m going to bookmark your site and preserve checking for brand new information.
what is the TITLE tag on the settings page? The name of the xml file?
How do you make the settings apply to each slide show differently>
Title content will display in the image alt tag.
Hello,dear sir First, sorry for my bad English. But i must talk about your Website / Blog. I was found your Blog on search with Google an today is my second visit here. I am a Internet Marketer and looking for some good Information for my website: seobacklinkskaufen.com, it is a new site. I am happy you visit my Blog to. Thank you very mutch an have a good time. Best Regards an good Business.
You should be a part of the competition for just one of the greatest weblogs on the internet. I will suggest this site!
SKEDUL WORKSHOP
Partner
Partner
Partner
Partner
Partner
Partner
Partner
Partner
Partner
Partner
Partner
Partner
Komentar
Riris Theresia on Mastering Trainer’s WOW Tools
Wawan Susetya on CARA GAMPANG MENULIS BUKU BEST SELLER
arafat bakhtiar on Hati-hati Pilih Provider Outbound!
oktastika on Melakukan Hipnoterapi Pada Anak
son on CARA GAMPANG MENULIS BUKU BEST SELLER
Link Partner
Anda Luar Biasa
Bisnis Partner
Dapur Tulis
Gramedia Pustaka Utama
Juru Tulis
Slideshow
Warning: DOMDocument::load() [domdocument.load]: URL file-access is disabled in the server configuration in /home/andriasc/public_html/pembelajar.com/wp-content/plugins/horizontal-scroll-image-slideshow/horizontal-scroll-image-slideshow.php on line 30
Warning: DOMDocument::load(http://www.pembelajar.com/wp-content/plugins/horizontal-scroll-image-slideshow/gallery/widget.xml) [domdocument.load]: failed to open stream: no suitable wrapper could be found in /home/andriasc/public_html/pembelajar.com/wp-content/plugins/horizontal-scroll-image-slideshow/horizontal-scroll-image-slideshow.php on line 30
Warning: DOMDocument::load() [domdocument.load]: I/O warning : failed to load external entity “http://www.pembelajar.com/wp-content/plugins/horizontal-scroll-image-slideshow/gallery/widget.xml” in /home/andriasc/public_html/pembelajar.com/wp-content/plugins/horizontal-scroll-image-slideshow/horizontal-scroll-image-slideshow.php on line 30
whats wrong?
Very useful lates info. Hope to see more posts soon!
I inserted this code into a new wordpress page and now the image function in wordpress will not work.
Here is that code
[HR_IMAGE_SHOW:TYPE=gallery1:W=600:H=170:SPEED=1:BGCOLOR=#FFFFFF:GAP=5:RANDOM=YES]
Kenneth C Young
http://www.gopiplus.com/work/2011/05/08/wordpress-plugin-image-horizontal-reel-scroll-slideshow/
This is posted in the wrong post, actual post available in the above link.
issue may be,
1. Check ur image path.
2. In the post editor, paste this code in the plain text mode instead of HTML mode(post content editor in the wp admin)
Nourishes against your weblog in some cases can not work.
Excellent read. I just passed this onto a friend who was doing a little research on that. He actually bought me lunch since I found it for him! Therefore let me rephrase: Thanks for lunch!
* profit your visitors positiveness
Ive looked through 20 different sites on this and yours is by far the best. Thanks!
I’m curious to find out what blog system you’re using? I’m experiencing some small security issues with my latest blog and I would like to find something more secure. Do you have any suggestions?
Hello; great publish for me. Your publish has pretty good quality. I need to has pretty good posts like yours at my website. How don’t you arrive around these posts?
I definitely wanted to compose a simple note in order to say thanks to you for all of the stunning steps you are giving at this website. My time-consuming internet look up has now been compensated with awesome concept to exchange with my friends. I would express that we site visitors actually are quite fortunate to exist in a magnificent network with so many marvellous professionals with very beneficial methods. I feel truly blessed to have seen your website and look forward to many more thrilling minutes reading here. Thanks once more for a lot of things.
These days of austerity in addition to relative anxiousness about having debt, most people balk contrary to the idea of making use of a credit card to make acquisition of merchandise or maybe pay for a vacation, preferring, instead just to rely on the tried plus trusted means of making settlement – hard cash. However, if you’ve got the cash on hand to make the purchase entirely, then, paradoxically, that’s the best time just to be able to use the cards for several motives.
Such an excellent description! I have no clue how you were able to write this post..it’d take me weeks. Well worth it though, I’d assume. Have you considered selling advertising space on your blog?
Can i put this on the center instead in the sidebar?
check my horizontal reel sidebar…
wide range of reliable information, My spouse and I come at this site time after time and furthermore I am satisfied making use of your messages, Thanks!
Its all good.
great post, very informative. I wonder why the other experts of this sector do not notice this. You must continue your writing. I am confident, you’ve a huge readers’ base already!
I can’t find the solution for the problem:
Warning: DOMDocument::load() [domdocument.load]: URL file-access is disabled in the server configuration in …/wordpress/wp-content/plugins/horizontal-scroll-image-slideshow/horizontal-scroll-image-slideshow.php on line 30
Warning: DOMDocument::load(…/wordpress/wp-content/plugins/horizontal-scroll-image-slideshow/gallery/widget.xml) [domdocument.load]: failed to open stream: no suitable wrapper could be found in …/wordpress/wp-content/plugins/horizontal-scroll-image-slideshow/horizontal-scroll-image-slideshow.php on line 30
Warning: DOMDocument::load() [domdocument.load]: I/O warning : failed to load external entity “…/wordpress/wp-content/plugins/horizontal-scroll-image-slideshow/gallery/widget.xml” in …/wordpress
Is there any solution for this? I have tried placing the images in different places with the same results. Is there anything that can be done?
It look like your server dont have option to read XML file. or XML file path is wrong..
I want to show appreciation to this writer just for rescuing me from this incident. Just after browsing through the search engines and coming across tricks which are not helpful, I believed my life was done. Living without the presence of answers to the issues you’ve fixed as a result of your article is a crucial case, as well as the kind that might have in a wrong way affected my entire career if I hadn’t come across your blog. Your actual knowledge and kindness in dealing with the whole lot was very useful. I don’t know what I would’ve done if I had not encountered such a thing like this. I’m able to now relish my future. Thanks for your time very much for the impressive and amazing help. I won’t think twice to recommend your web site to any person who requires assistance about this issue.
In between me and my husband we’ve owned additional MP3 players over the many years than I can count, which includes Sansas, iRivers, iPods (classic & touch), the Ibiza Rhapsody, etc. But, the last few many years I’ve settled down to one line of people. Why? Because I was happy to discover how well-designed and fun to use the underappreciated (and widely mocked) Zunes are.
How would i go about using this widget multiple times in the same site? Looking to have it occupy the “Widget area below header” on my home page, and “Widget area above footer” on all other pages. Usually i would just add the widget to both zones, and control its display using the “widget context” plugin, but i cannot make 2 instances of your widget.
I also conceive thence, perfectly pent post!
What platform and theme are you using if I may possibly ask? Where can I buy them? x
I’m still having problems loading the images. I can’t find the xml file, etc.
Please advise.
Thank you,
Sharrie
Hi, how can I remove the title of the slide show. Even when I leave it blank, it pushes the slideshow down. Removing the title and space would align it with the top of the sidebar. Can you please let me know if this is possible. thank you.
I beloved as much as you will obtain carried out proper here. The sketch is tasteful, your authored subject matter stylish. nonetheless, you command get bought an shakiness over that you wish be handing over the following. unwell certainly come more in the past once more as exactly the same just about a lot regularly inside of case you protect this increase.
I can’t seem to get my images to show. I only get one of a dog. Please help me figure out what I am doing wrong.
Thank you,
Sharrie
Urs plugins r really…while i am using urs image scroll.It will sacking during display in site.
Hi Gobi! Thank you for the amazing plug-in. It’s really great and super easy to use/customize. I just have one question. I don’t want to use titles (captions) for any of the images….but I still have a large gap at the bottom for where the title/caption would go. Is there a way to get rid of that space? I couldn’t find it myself. Any help would be really great! Thanks!!