{"id":82,"date":"2011-07-17T08:15:27","date_gmt":"2011-07-17T08:15:27","guid":{"rendered":"http:\/\/www.gopiplus.com\/extensions\/?p=82"},"modified":"2021-09-23T14:47:44","modified_gmt":"2021-09-23T14:47:44","slug":"horizontal-scrolling-slideshow-joomla-module","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/extensions\/2011\/07\/horizontal-scrolling-slideshow-joomla-module\/","title":{"rendered":"Horizontal scrolling slideshow Joomla module"},"content":{"rendered":"\n<p>This module scrolls the images from right to left like a reel. Scroll start automatically and move the images gradually from right to left. This slideshow pauses the image on mouseover. It retrieves images from the specific folder, and that folder can be changeable in the administrator section.<\/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<!-- Joomla Page Center 1 - 336x280 -->\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=\"6090998934\"><\/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<!-- Joomla Page Center 2 - 336x280 -->\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=\"7338131803\"><\/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 module<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Easy to customize.<\/li><li>Support all browser.<\/li><li>Automatically pauses on mouse over.<\/li><li>Hyperlink option to each images.<\/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>Module <strong>live demo<\/strong> available in this page. You may also be interested in <a href=\"http:\/\/www.gopiplus.com\/extensions\/2011\/07\/vertical-scrolling-images-joomla-module\/\">Vertical scrolling images<\/a> Joomla module.<\/p><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Module installation instruction<\/h2>\n\n\n\n<p>1. Download the <strong>Horizontal scrolling slideshow<\/strong> module from the <a href=\"http:\/\/www.gopiplus.com\/extensions\/download\/\">download<\/a> location. Select the correct ZIP file depends on your Joomla version.<br>2. Login into the administrator section of your Joomla site.<br>3. In the menu, Go to <strong>System<\/strong>, <strong>Install<\/strong> and then click the <strong>Extensions<\/strong> menu.<br>4. Click Browse and select the module you downloaded, then click Upload &amp; Install button.<br>5. When your Joomla module has been uploaded and installed successfully, you will see a confirmation message.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Admin screen for Joomla 3.7<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/screens\/joomla\/common\/joomla_3.6_menu_extensions_module.png\" alt=\"menu extensions module\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Admin screen for Joomla 4.0<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/screens\/joomla\/common\/joomla_4.2_menu_extensions_module.png\" alt=\"menu extensions module\"\/><\/figure>\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 = \"75px\";\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\/100x75\/sing_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\/100x75\/sing_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\/100x75\/sing_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\/100x75\/sing_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\/100x75\/sing_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\/100x75\/sing_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\/100x75\/sing_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\/100x75\/sing_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\/100x75\/sing_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\/100x75\/sing_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\/100x75\/sing_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\/100x75\/sing_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\">Creating a new module instance<\/h2>\n\n\n\n<p>In your Joomla administrator section go to the <strong>Site Modules<\/strong> (Manage in your admin menu). You should see the module <strong>Horizontal scrolling slideshow<\/strong> listed among the others. Simply click on the module name to open the module editor.<\/p>\n\n\n\n<p>If you cannot find an instance of your new module, click the <strong>New<\/strong> button. The new module should be listed among the types available, select <strong>Horizontal scrolling slideshow<\/strong> which will create a new instance.<\/p>\n\n\n<div class=\"ads-row\">\n\t<div class=\"ads-column0\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<!-- Joomla Page Center 3 -->\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=\"4975101454\"><\/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\">Module configuration<\/h2>\n\n\n\n<p>In your Joomla administrator section go to <strong>Manage, Site Modules<\/strong>, and select <strong>Horizontal scrolling slideshow<\/strong> module from the list then click Module tab to update the default configuration.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/screens\/joomla\/mod_horizontal_scrolling_slideshow\/mod_horizontal_scrolling_slideshow.png\" alt=\"Horizontal scrolling slideshow\"\/><\/figure>\n\n\n\n<p><strong>Image folder:<\/strong> Path to the image folder relative to the site URL.<br><strong>Link:<\/strong> A URL to redirect to if the image is clicked upon. (e.g. http:\/\/www.gopiplus.com)<br><strong>Width:<\/strong> Enter the width of the slideshow. (e.g. 200)<br><strong>Height:<\/strong> Enter the height of the slideshow. (e.g. 150)<br><strong>Slideshow speed:<\/strong> Enter the slideshow speed. (larger is faster 1-10)<br><strong>Slideshow BG color:<\/strong> Enter the BG color of your scroll. (e.g. #FFFFFF)<br><strong>Slideshow gap:<\/strong> Enter pixels gap between each slideshow image. (e.g. 5)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Module official page<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/extensions\/2011\/07\/horizontal-scrolling-slideshow-joomla-module\/\">http:\/\/www.gopiplus.com\/extensions\/2011\/07\/horizontal-scrolling-slideshow-joomla-module\/<\/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\/extensions\/download\/\">http:\/\/www.gopiplus.com\/extensions\/download\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Joomla page<\/h2>\n\n\n\n<p><a href=\"https:\/\/extensions.joomla.org\/extension\/horizontal-scrolling-slideshow\/\">https:\/\/extensions.joomla.org\/extension\/horizontal-scrolling-slideshow\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Image horizontal reel scroll slideshow plugin lets you showcase images in a horizontal scroll style. Scroll will start automatically. Slideshow will pause on mouse over.<\/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,7,8,6,11],"class_list":["post-82","post","type-post","status-publish","format-standard","hentry","category-joomla-plugin","tag-horizontal","tag-joomla","tag-module","tag-scrolling","tag-slideshow"],"amp_enabled":true,"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/82","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/comments?post=82"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/82\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/media?parent=82"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/categories?post=82"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/tags?post=82"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}