{"id":71,"date":"2010-07-18T09:52:41","date_gmt":"2010-07-18T09:52:41","guid":{"rendered":"http:\/\/www.gopiplus.com\/work\/?p=71"},"modified":"2021-08-29T14:53:18","modified_gmt":"2021-08-29T14:53:18","slug":"horizontal-scroll-image-slideshow","status":"publish","type":"post","link":"https:\/\/www.gopiplus.com\/work\/2010\/07\/18\/horizontal-scroll-image-slideshow\/","title":{"rendered":"Horizontal scroll image slideshow WordPress plugin"},"content":{"rendered":"\n<p>Horizontal scroll image slideshow lets you showcase your 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.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Feature<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Simple, simple, simple.<\/li><li>Easy installation.<\/li><li>Widgets, so you can add pretty much anything.<\/li><li>Easy slideshow size (width &amp; height) override option.<\/li><\/ul>\n\n\n<div class=\"ads-row\">\n\t<div class=\"ads-column1\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<!-- Large Rectancle Center page -->\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t\t data-ad-slot=\"0362029595\"><\/ins>\n\t\t<script>\n\t\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/div>\n\t<div class=\"ads-column2\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<!-- gopiplus.org Main -->\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t\t data-ad-slot=\"7521653079\"><\/ins>\n\t\t<script>\n\t\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/div>\n<\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Plugin live demo available in this page. You may also be interested in Vertical scroll image slideshow gallery <a href=\"http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/vertical-scroll-image-slideshow-gallery\/\">demo<\/a> WordPress plugin.<\/p><\/blockquote>\n\n\n<div class=\"livedemo\">\n\t<h2>Live Demo<\/h2>\n\t<script language=\"JavaScript1.2\">\n\t\tvar hsis_scrollerwidth='500px'\n\t\tvar hsis_scrollerheight='300px'\n\t\tvar hsis_scrollerbgcolor='#FFFFFF'\n\t\tvar hsis_pausebetweenimages=2000    \n\t\tvar hsis_slideimages=new Array()\n\t\thsis_slideimages[0]='<a href=\\'#\\' target=\\'_new\\'><img src=\\'http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/500x300\/1.jpg\\' border=\\'0\\' title=\\'\\' alt=\\'\\'><\/a>'; \n\t\thsis_slideimages[1]='<a href=\\'#\\' target=\\'_new\\'><img src=\\'http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/500x300\/2.jpg\\' border=\\'0\\' title=\\'\\' alt=\\'\\'><\/a>'; \n\t\thsis_slideimages[2]='<a href=\\'#\\' target=\\'_new\\'><img src=\\'http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/500x300\/3.jpg\\' border=\\'0\\' title=\\'\\' alt=\\'\\'><\/a>'; \n\t\thsis_slideimages[3]='<a href=\\'#\\' target=\\'_new\\'><img src=\\'http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/500x300\/4.jpg\\' border=\\'0\\' title=\\'\\' alt=\\'\\'><\/a>'; \n\t\thsis_slideimages[4]='<a href=\\'#\\' target=\\'_new\\'><img src=\\'http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/500x300\/5.jpg\\' border=\\'0\\' title=\\'\\' alt=\\'\\'><\/a>'; \n\t\thsis_slideimages[5]='<a href=\\'#\\' target=\\'_new\\'><img src=\\'http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/500x300\/1.jpg\\' border=\\'0\\' title=\\'\\' alt=\\'\\'><\/a>'; \n\t\thsis_slideimages[6]='<a href=\\'#\\' target=\\'_new\\'><img src=\\'http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/500x300\/2.jpg\\' border=\\'0\\' title=\\'\\' alt=\\'\\'><\/a>'; \t\n\t\t<\/script>\n\t<script language=\"JavaScript1.2\" src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/demo\/horizontal-scroll-image-slideshow.js\"><\/script>\n\t\n\t<ilayer id=\"hsis_main\" width=&{hsis_scrollerwidth}; height=&{hsis_scrollerheight}; bgColor=&{hsis_scrollerbgcolor}; visibility=hide> <layer id=\"first\" left=1 top=0 width=&{hsis_scrollerwidth}; > \n\t<script language=\"JavaScript1.2\">\n\tif (document.layers)\n\tdocument.write(hsis_slideimages[0])\n\t<\/script> \n\t<\/layer><layer id=\"second\" left=0 top=0 width=&{hsis_scrollerwidth}; visibility=hide> \n\t<script language=\"JavaScript1.2\">\n\tif (document.layers)\n\tdocument.write(hsis_slideimages[1])\n\t<\/script> \n\t<\/layer><\/ilayer> \n\t<script language=\"JavaScript1.2\">\n\t\tif (ie||dom){\n\t\tdocument.writeln('<div id=\"hsis_main2\" style=\"position:relative;width:'+hsis_scrollerwidth+';height:'+hsis_scrollerheight+';overflow:hidden;background-color:'+hsis_scrollerbgcolor+'\">')\n\t\tdocument.writeln('<div style=\"position:absolute;width:'+hsis_scrollerwidth+';height:'+hsis_scrollerheight+';clip:rect(0 '+hsis_scrollerwidth+' '+hsis_scrollerheight+' 0);left:0px;top:0px\">')\n\t\tdocument.writeln('<div id=\"hsis_first2\" style=\"position:absolute;width:'+hsis_scrollerwidth+';left:1px;top:0px;\">')\n\t\tdocument.write(hsis_slideimages[0])\n\t\tdocument.writeln('<\/div>')\n\t\tdocument.writeln('<div id=\"hsis_second2\" style=\"position:absolute;width:'+hsis_scrollerwidth+';left:0px;top:0px\">')\n\t\tdocument.write(hsis_slideimages[1])\n\t\tdocument.writeln('<\/div>')\n\t\tdocument.writeln('<\/div>')\n\t\tdocument.writeln('<\/div>')\n\t\t}\n\t<\/script>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Installation instruction<\/h2>\n\n\n\n<p><strong>Method 1<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li> Download the plugin horizontal-scroll-image-slideshow.zip from <a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\">download<\/a> location.<\/li><li> Unpack the horizontal-scroll-image-slideshow.zip file.<\/li><li> Extract the \/horizontal-scroll-image-slideshow\/ folder.<\/li><li> Drop the popup folder into your &#8216;wp-content\/plugins&#8217; folder.<\/li><li> In WordPress administration panels, click on plugin from the menu.<\/li><li> You should see your new horizontal scroll image slideshow plugin listed.<\/li><li> To turn the WordPress plugin on, click activate.<\/li><\/ul>\n\n\n\n<p><strong>Method 2<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li> Go to &#8216;Add New&#8217; menu under &#8216;Plugins&#8217; tab in your WordPress admin.<\/li><li> Search <strong>horizontal scroll image slideshow<\/strong> plugin using search option.<\/li><li> Find the plugin and click &#8216;Install Now&#8217; link.<\/li><li> Finally click activate plugin link to activate the plugin.<\/li><\/ul>\n\n\n\n<p><strong>Method 3<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li> Download the plugin horizontal-scroll-image-slideshow.zip from <a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\">download<\/a> location.<\/li><li> Go to &#8216;Add New&#8217; menu under &#8216;Plugins&#8217; tab in your WordPress admin.<\/li><li> Click upload plugin button.<\/li><li> Upload the available horizontal-scroll-image-slideshow.zip file and click install now.<\/li><li> Finally click activate plugin link to activate the plugin.<\/li><\/ul>\n\n\n<div class=\"ads-row\">\n\t<div class=\"ads-column0\">\n\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t<!-- Above Comment -->\n\t<ins class=\"adsbygoogle\"\n\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t data-ad-slot=\"2359628415\"><\/ins>\n\t<script>\n\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t<\/script>\n\t<\/div>\n<\/div>\n\n\n\n<p>No admin option is available to update the image info. Use my other plugin <a href=\"http:\/\/www.gopiplus.com\/work\/2011\/05\/08\/wordpress-plugin-image-horizontal-reel-scroll-slideshow\/\">Image Horizontal Reel Scroll Slideshow<\/a> to upload the images from the admin.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin configuration<\/h2>\n\n\n\n<p><strong>1. Drag and drop the widget: <\/strong> Go to the <strong>widgets <\/strong>menu and drag and drop the <strong>Horizontal scroll image slideshow<\/strong> widget to your sidebar location.<\/p>\n\n\n\n<p><strong>2. Paste the below code to your desired template location:<\/strong> Copy and paste the below-mentioned code to your desired template location (ie in PHP file).<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php if (function_exists (hsis_show)) hsis_show(); ?><\/code><\/pre>\n\n\n\n<p><strong>3. Plugin Short Code: <\/strong>Use plugin shortcode in the posts\/pages also in the widget to display the Horizontal scroll image slideshow.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;horizontal-scroll-image-slideshow dir=\"http:\/\/www.gopiplus.com\/wp-content\/plugins\/horizontal-scroll-image-slideshow\/gallery\/widget.xml\" width=\"200\" height=\"167\" speed=\"2000\" bgcolor=\"\"]<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Admin page<\/h2>\n\n\n\n<p>In your WordPress administrator dashboard go to the <strong>Settings <\/strong>menu and select the <strong>horizontal scroll image<\/strong> menu to configure this plugin.<\/p>\n\n\n\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/adminscreen\/horizontal-scroll-image-slideshow.png\" alt=\"horizontal scroll image WordPress plugin\"><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently asked questions<\/h2>\n\n\n\n<p><strong>Q1. Where to upload my image?<\/strong><\/p>\n\n\n\n<p>add\/edit\/delete images in this XML file. &#8220;wp-content\/plugins\/horizontal-scroll-image-slideshow\/gallery\/widget.xml&#8221;<\/p>\n\n\n\n<p>Go to the admin dashboard, <strong>Plugins,<\/strong> and click the <strong>Editor <\/strong>menu. Select horizontal scroll image slideshow plugin (Available top-right drop-down box) and Select the XML file name (widget.xml) and update the XML file with your own image link.<\/p>\n\n\n\n<p><strong>Q2. Why my image gallery is out of range?<\/strong><\/p>\n\n\n\n<p>In the front-end widget area, if you see a gallery out of the area or invisible, it is because of the height and width of the widget, so you should arrange the width and height of the widget in the widget configuration area. In default I have fixed width: 200px and height: 155px. Similar <\/p>\n\n\n\n<p><strong>Q3. Why does <\/strong>my slideshow does not scroll properly or why does <strong>one image overlaps another at the time of scroll?<\/strong><\/p>\n\n\n\n<p>Set the width and height to the width\/height of the largest image in your slideshow!<\/p>\n\n\n\n<p><strong>Q4. How to add this plugin to the pages or posts?<\/strong><\/p>\n\n\n\n<p>Use plugin shortcode in the posts. alternatively, you can use my another plugin <a href=\"http:\/\/www.gopiplus.com\/work\/2011\/05\/08\/wordpress-plugin-image-horizontal-reel-scroll-slideshow\/\">Image Horizontal Reel Scroll Slideshow<\/a> to load the horizontal gallery in the pages or posts<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin official page<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/horizontal-scroll-image-slideshow\/\">http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/horizontal-scroll-image-slideshow\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Download location<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/work\/2012\/07\/08\/horizontal-scroll-image-slideshow-wordpress-plugin-download-link\/\">http:\/\/www.gopiplus.com\/work\/2012\/07\/08\/horizontal-scroll-image-slideshow-wordpress-plugin-download-link\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Horizontal scroll image slideshow lets you showcase your 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 &amp; height) override option. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[19,75,21,6,17,118,28,14,5],"class_list":["post-71","post","type-post","status-publish","format-standard","hentry","category-word-press-plug-in","tag-gallery","tag-horizontal","tag-images","tag-plugin","tag-scroll","tag-showcase","tag-slideshow","tag-widget","tag-wordpress"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/71","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/comments?post=71"}],"version-history":[{"count":0,"href":"https:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/71\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/media?parent=71"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/categories?post=71"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/tags?post=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}