{"id":839,"date":"2011-05-08T09:29:14","date_gmt":"2011-05-08T09:29:14","guid":{"rendered":"http:\/\/www.gopiplus.com\/work\/?p=839"},"modified":"2021-10-02T13:02:25","modified_gmt":"2021-10-02T13:02:25","slug":"wordpress-plugin-image-horizontal-reel-scroll-slideshow","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/work\/2011\/05\/08\/wordpress-plugin-image-horizontal-reel-scroll-slideshow\/","title":{"rendered":"Image horizontal reel scroll slideshow WordPress plugin"},"content":{"rendered":"\n<p><strong>Image horizontal reel scroll<\/strong> slideshow plugin lets you showcase images in a horizontal scroll style. The scroll will start automatically. The slideshow will pause on mouseover. Most of the users requested this type of scroll so I have created this plugin. Plugin live demo and download location are available on this page.<\/p>\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<h2 class=\"wp-block-heading\">Features of this plugin<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Responsive.<\/li><li>Easy to customize. Thus, no code knoknowledge\u00a0required.<\/li><li>Support all browser.<\/li><li>Automatically pauses on mouse over.<\/li><li>Short code available for pages and posts.<\/li><li>Hyperlink option to each images.<\/li><li>Image order option available.<\/li><li>Option to set spacing between images.<\/li><li>Easy to change the background color of scroll.<\/li><\/ul>\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 <a href=\"http:\/\/www.gopiplus.com\/work\/2011\/05\/30\/wordpress-plugin-image-vertical-reel-scroll-slideshow\/\">Image vertical reel scroll slideshow<\/a> WordPress plugin.<\/p><\/blockquote>\n\n\n<div class=\"livedemo\">\n<h2 style=\"padding-bottom:10px;\">Live Demo<\/h2>\n<script type=\"text\/javascript\">\nvar IHRSS_WIDTH = \"100%\";\nvar IHRSS_HEIGHT = \"167px\";\nvar IHRSS_SPEED = 1;\nvar IHRSS_BGCOLOR = \"#FFFFFF\";\nvar IHRSS_SLIDESRARRAY=new Array();\nvar IHRSS_SLIDESRARRAY1=new Array();\nvar IHRSS_FINALSLIDE ='';\nIHRSS_SLIDESRARRAY[0]='<img decoding=\"async\" style=\"display:inline;max-width: none;box-shadow: 0px 0px 0px 0px;padding-right:10px;\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_1.jpg\" \/>';\t\nIHRSS_SLIDESRARRAY[1]='<img decoding=\"async\" style=\"display:inline;max-width: none;box-shadow: 0px 0px 0px 0px;padding-right:10px;\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_2.jpg\" \/>';\t\nIHRSS_SLIDESRARRAY[2]='<img decoding=\"async\" style=\"display:inline;max-width: none;box-shadow: 0px 0px 0px 0px;padding-right:10px;\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_3.jpg\" \/>';\t\nIHRSS_SLIDESRARRAY[3]='<img decoding=\"async\" style=\"display:inline;max-width: none;box-shadow: 0px 0px 0px 0px;padding-right:10px;\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_4.jpg\" \/>';\t\nIHRSS_SLIDESRARRAY[4]='<img decoding=\"async\" style=\"display:inline;max-width: none;box-shadow: 0px 0px 0px 0px;padding-right:10px;\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_5.jpg\" \/>';\t\nIHRSS_SLIDESRARRAY[5]='<img decoding=\"async\" style=\"display:inline;max-width: none;box-shadow: 0px 0px 0px 0px;padding-right:10px;\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_6.jpg\" \/>';\t\nIHRSS_SLIDESRARRAY1[0]='<img decoding=\"async\" style=\"display: none;max-width: none;\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_1.jpg\" \/>';\t\nIHRSS_SLIDESRARRAY1[1]='<img decoding=\"async\" style=\"display: none;max-width: none;\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_2.jpg\" \/>';\t\nIHRSS_SLIDESRARRAY1[2]='<img decoding=\"async\" style=\"display: none;max-width: none;\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_3.jpg\" \/>';\t\nIHRSS_SLIDESRARRAY1[3]='<img decoding=\"async\" style=\"display: none;max-width: none;\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_4.jpg\" \/>';\t\nIHRSS_SLIDESRARRAY1[4]='<img decoding=\"async\" style=\"display: none;max-width: none;\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_5.jpg\" \/>';\t\nIHRSS_SLIDESRARRAY1[5]='<img decoding=\"async\" style=\"display: none;max-width: none;\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_6.jpg\" \/>';\t\nvar IHRSS_IMGGAP = \"\";\nvar IHRSS_PIXELGAP = 0;\n<\/script>\n<script src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/demo\/image-horizontal-reel-scroll-slideshow.js\" type=\"text\/javascript\"><\/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 Image-horizontal-reel-scroll-slideshow.zip from <a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\">download<\/a> location.<\/li><li> Unpack the *.zip file and extract the \/wp-image-slideshow\/ folder.<\/li><li> Drop the Image-horizontal-reel-scroll-slideshow folder into your &#8216;wp-content\/plugins&#8217; folder.<\/li><li> In word press administration panels, click on plugin from the menu.<\/li><li> You should see your new Image horizontal reel scroll slideshow plug-in 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\u00a0<strong>Image horizontal reel scroll slideshow<\/strong> plugin using search option.<\/li><li> Find the plugin and click &#8216;<strong>Install Now<\/strong>&#8216; 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 Image-horizontal-reel-scroll-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> Select upload link (top link menu).<\/li><li> Upload the available Image-horizontal-reel-scroll-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<h2 class=\"wp-block-heading\">Plugin configuration<\/h2>\n\n\n\n<p><strong>Drag and Drop the Widget<\/strong>: Go to the widget page under the Appearance tab, Drag and drop Image horizontal reel scroll slideshow widget into your sidebar. it&#8217;s very easy.<\/p>\n\n\n\n<p>Add the gallery in the Posts or Pages: Copy and paste the given shortcode into pages or posts.<\/p>\n\n\n\n<p><strong>Short Code until Version 12.7<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;ihrss-gallery type=\"GROUP1\" w=\"600\" h=\"170\" speed=\"1\" bgcolor=\"#FFFFFF\" gap=\"5\" random=\"YES\"]<\/code><\/pre>\n\n\n\n<p><strong>Short Code from Version 12.7 onward<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;ihrss-gallery type=\"GROUP1\" height=\"75\" speed=\"1\" bgcolor=\"\" gap=\"5\" random=\"YES\"]<\/code><\/pre>\n\n\n\n<p><strong>Shortcode Definition :<\/strong><\/p>\n\n\n\n<p>Type: Your image group name.<br>Height: Height of the slideshow.<br>Speed: Scroller speed.<br>Background color: Background color for the slideshow. (Example: #FFFFFF)<\/p>\n\n\n\n<p>Gap: This is a pixels gap between each image slideshow.<br>Random: This option is to retrieve the images in random order. <\/p>\n\n\n\n<p>Add directly in the theme: Use this code to add into your theme file<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>echo do_shortcode( '&#091;ihrss-gallery type=\"GROUP1\" height=\"170\" speed=\"1\" bgcolor=\"#FFFFFF\" gap=\"5\" random=\"YES\"]' );<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Admin page<\/h2>\n\n\n\n<p>In your WordPress administrator section go to <strong>the Settings<\/strong> menu and select <strong>Image horizontal reel scroll slideshow<\/strong> menu to configure this plugin.<\/p>\n\n\n\n<p>Only the website admin and the user who has the administrator privilege can see and change the gallery setting and can add, update, delete the plugin images in the website administration area.<\/p>\n\n\n\n<p>Dashboard, Settings, Image horizontal reel scroll slideshow<\/p>\n\n\n\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/adminscreen\/image-horizontal-reel-scroll-slideshow-1.png\" alt=\"Image horizontal reel scroll slideshow WordPress plugin\"><\/figure>\n\n\n\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/adminscreen\/image-horizontal-reel-scroll-slideshow-2.png\" alt=\"Image horizontal reel scroll slideshow WordPress plugin\"><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently asked questions<\/h2>\n\n\n\n<p><strong>Q1. How to arrange the width &amp;  height of the slideshow?<\/strong><\/p>\n\n\n\n<p>Ans: Go to Image horizontal reel scroll slideshow link under setting menu and change the width &amp; height of the slide show (For widget).<br>Ans: Option available in the shortcode (For posts and pages).<\/p>\n\n\n\n<p><strong>Q2. How to change the slideshow speed?<\/strong><\/p>\n\n\n\n<p>Ans:\u00a0Option available on Image horizontal reel scroll slideshow link under setting menu (For widget).<br>Ans: Option available in the shortcode (For posts and pages).<\/p>\n\n\n\n<p><strong>Q3. Where to upload my image?<\/strong><\/p>\n\n\n\n<p>Ans: Option available on&nbsp;Image horizontal reel scroll slideshow Add\/Edit image link.<\/p>\n\n\n\n<p><strong>Q4. How do group the images for the different galleries?<\/strong><\/p>\n\n\n\n<p>Ans: Use the TYPE field in the image management area to differentiate the images for the different galleries.<\/p>\n\n\n\n<p><strong>Q5. How the slide show manages the order?<\/strong><\/p>\n\n\n\n<p>Ans: Order option available in the image management area.<\/p>\n\n\n\n<p><strong>Q6. Is possible to load images in random order?<\/strong><\/p>\n\n\n\n<p>Ans: Yes, Option available on the gallery setting page. for pages and posts, the same option is available in the shortcode.<\/p>\n\n\n\n<p><strong>Q6. How to set up this plugin in WordPress Multi-Site website?<\/strong><\/p>\n\n\n\n<p>Ans: In default, it will create a table only on the main website. to add the plugin in multi-site please create the table manually in the database. Please check your table prefix before you execute this create a query.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>CREATE TABLE IF NOT EXISTS YOUR-TABLE-PREFIX_Ihrss_plugin\n(\nIhrss_id INT NOT NULL AUTO_INCREMENT ,\nIhrss_path TEXT CHARACTER SET utf8 COLLATE utf8_bin NOT NULL ,\nIhrss_link TEXT CHARACTER SET utf8 COLLATE utf8_bin NOT NULL ,\nIhrss_target VARCHAR( 50 ) NOT NULL ,\nIhrss_title VARCHAR( 500 ) NOT NULL ,\nIhrss_order INT NOT NULL ,\nIhrss_status VARCHAR( 10 ) NOT NULL ,\nIhrss_type VARCHAR( 100 ) NOT NULL ,\nIhrss_extra1 VARCHAR( 100 ) NOT NULL ,\nIhrss_extra2 VARCHAR( 100 ) NOT NULL ,\nIhrss_date datetime NOT NULL default '0000-00-00 00:00:00' ,\nPRIMARY KEY ( Ihrss_id )\n) ENGINE=MyISAM DEFAULT CHARSET=utf8;<\/code><\/pre>\n\n\n\n<p>Alternatively, follow the steps from the below video.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=ItuDp6e3C8M\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.youtube.com\/watch?v=ItuDp6e3C8M<\/a><\/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\/2011\/05\/08\/wordpress-plugin-image-horizontal-reel-scroll-slideshow\/\">http:\/\/www.gopiplus.com\/work\/2011\/05\/08\/wordpress-plugin-image-horizontal-reel-scroll-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\/02\/image-horizontal-reel-scroll-slideshow-wordpress-plugin-download-link\/\">http:\/\/www.gopiplus.com\/work\/2012\/07\/02\/image-horizontal-reel-scroll-slideshow-wordpress-plugin-download-link\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">WordPress page<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/image-horizontal-reel-scroll-slideshow\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/wordpress.org\/plugins\/image-horizontal-reel-scroll-slideshow\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Image horizontal reel scroll slideshow plugin lets you showcase images in a horizontal scroll style. The scroll will start automatically. The slideshow will pause on mouseover. Most of the users requested this type of scroll so I have created this plugin. Plugin live demo and download location are available on this page. Features of this [&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,20,185,6,117,172,28,5],"class_list":["post-839","post","type-post","status-publish","format-standard","hentry","category-word-press-plug-in","tag-gallery","tag-horizontal","tag-image","tag-jquery","tag-plugin","tag-reel","tag-slider","tag-slideshow","tag-wordpress"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/839","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/comments?post=839"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/839\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/media?parent=839"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/categories?post=839"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/tags?post=839"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}