{"id":112,"date":"2011-07-28T13:02:58","date_gmt":"2011-07-28T13:02:58","guid":{"rendered":"http:\/\/www.gopiplus.com\/extensions\/?p=112"},"modified":"2021-09-23T13:56:36","modified_gmt":"2021-09-23T13:56:36","slug":"left-right-image-slideshow-joomla-module","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/extensions\/2011\/07\/left-right-image-slideshow-joomla-module\/","title":{"rendered":"Left-right image slideshow Joomla module"},"content":{"rendered":"\n<p>Left-right image slideshow gallery Joomla module lets showcase your images in a horizontal move style. Single image at a time and pull one by one continually. This slideshow will pause on mouseover. The speed of the slideshow gallery is customizable. It supports the persistence of the last viewed image, so when the user reloads the page, the slideshow continues from the last image. It retrieves images from the specific folder, and this image folder can change 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>Free.<\/li><li>Easy to customize.<\/li><li>Support all browser.<\/li><li>Automatically pauses on mouse over.<\/li><li>Can use many time in the same page.<\/li><li>Can stop the slideshow after some cycle.<\/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\/up-down-image-slideshow-gallery-joomla-module\/\">Up down image slideshow gallery<\/a> Joomla module.<\/p><\/blockquote>\n\n\n<div class=\"livedemo\">\n<h2>Live Demo<\/h2>\n<script type=\"text\/javascript\" src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/demo\/left-right-image-slideshow-gallery.js\"><\/script>\n<script type=\"text\/javascript\">\n\tvar Lrisg_SlideShow=new Lrisg_Show({\n\t\tLrisg_Wrapperid: \"lrisg_1\", \n\t\tLrisg_WidthHeight: [700, 450], \n\t\tLrisg_ImageArray: [ [\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_1.jpg\", \"http:\/\/www.gopiplus.com\/work\/\", \"_self\"],\n\t\t[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_2.jpg\", \"http:\/\/www.gopiplus.com\/work\/\", \"_self\"],\n\t\t[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_3.jpg\", \"http:\/\/www.gopiplus.com\/work\/\", \"_self\"],\n\t\t[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_4.jpg\", \"http:\/\/www.gopiplus.com\/work\/\", \"_self\"] ],\n\t\tLrisg_Displaymode: {type:'auto', pause:3000, cycles:10, pauseonmouseover:true},\n\t\tLrisg_Orientation: \"h\", \n\t\tLrisg_Persist: true, \n\t\tLrisg_Slideduration: 300 \n\t})\n<\/script>\n<div><div id=\"lrisg_1\"><\/div><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Module installation instruction<\/h2>\n\n\n\n<p>1. Download <strong>Left right image 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.2<\/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\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> (<strong>System<\/strong>, <strong>Manage<\/strong> in your admin menu). You should see the module <strong>Left right image 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>Left right image 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<\/strong>, <strong>Site Modules<\/strong>, and select <strong>Left right image slideshow<\/strong> module from the list then click Module tab to add\/update image and slideshow information.<\/p>\n\n\n\n<p><strong>Title:<\/strong> It is essential to set a title for the module.<br><strong>Position:<\/strong> The position on the page where the module will be displayed.<br><strong>Status:<\/strong> The module needs to be published in order for it to display.<br><strong>Module Assignment:<\/strong> Assign the module to all pages.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/screens\/joomla\/mod_left_right_image_slideshow\/mod_left_right_image_slideshow.png\" alt=\"Left right image slideshow\"\/><\/figure>\n\n\n\n<p><strong>Add jQuery:<\/strong> Select NO if your theme already has jQuery script<br>I<strong>mage 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><\/p>\n\n\n\n<p><strong>Slideshow pause:<\/strong> Enter the slide-show pause between images. (e.g 3000)<br><strong>Slideshow cycles:<\/strong> Gallery will automatically start the slideshow and it will stop the number of cycles mentioned in this property. (e.g 5)<br><strong>Slideshow persists:<\/strong> Continue from the last viewed slide supported, so this property is true and when the user reloads the page, the slide show restarts from the last images. (e.g true\/false)<br><strong>Slideshow slide duration:<\/strong> Slideshow transition duration in milliseconds. (e.g 300)<\/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\/left-right-image-slideshow-joomla-module\/\">http:\/\/www.gopiplus.com\/extensions\/2011\/07\/left-right-image-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\/left-right-image-slideshow\/\">https:\/\/extensions.joomla.org\/extension\/left-right-image-slideshow\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This joomla module 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. It support persistence of last viewed image.<\/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":[20,18,7,8,11],"class_list":["post-112","post","type-post","status-publish","format-standard","hentry","category-joomla-plugin","tag-gallery","tag-image","tag-joomla","tag-module","tag-slideshow"],"amp_enabled":true,"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/112","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=112"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/112\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/media?parent=112"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/categories?post=112"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/tags?post=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}