{"id":132,"date":"2011-07-30T07:03:59","date_gmt":"2011-07-30T07:03:59","guid":{"rendered":"http:\/\/www.gopiplus.com\/extensions\/?p=132"},"modified":"2021-09-22T16:08:38","modified_gmt":"2021-09-22T16:08:38","slug":"up-down-image-slideshow-gallery-joomla-module","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/extensions\/2011\/07\/up-down-image-slideshow-gallery-joomla-module\/","title":{"rendered":"Up down image slideshow gallery Joomla module"},"content":{"rendered":"\n<p>Up down image slideshow gallery Joomla module lets showcase your images in a vertical move style. Single image at a time and pull one by one continually. This slideshow will pause on mouseover. The speed of the gallery is customizable. Persistence of last viewed image supported, so when the user reloads the page, the slideshow continues from the last image. It retrieves images from the specific folder, and that image 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>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\/left-right-image-slideshow-joomla-module\/\">Left right image slideshow gallery <\/a> Joomla module and <a href=\"http:\/\/www.gopiplus.com\/extensions\/2011\/07\/drop-in-image-slideshow-gallery-joomla-module\/\">Drop in 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: \"v\", \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>Up down image slideshow<\/strong> Joomla 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 <strong>Browse<\/strong> 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 admin go to the <strong>Site Modules<\/strong> menu (System, Manage in your admin menu). You should see the module <strong>Up down 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>Up down 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 the <strong>Up down image slideshow<\/strong> module from the list then click Module tab to update module 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_up_down_image_slideshow\/mod_up_down_image_slideshow.png\" alt=\"Up down image slideshow Joomla Module\"\/><\/figure>\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<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 pause:<\/strong> Enter the slideshow 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 slideshow restarts from the last images. (e.g true\/false)<br><strong>Slideshow slide duration:<\/strong> Slideshow transition duration in milliseconds. (e.g 300)<br><strong>Add jQuery:<\/strong> Select NO if your theme already has a jQuery script.<\/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\/up-down-image-slideshow-gallery-joomla-module\/\">http:\/\/www.gopiplus.com\/extensions\/2011\/07\/up-down-image-slideshow-gallery-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\/up-down-image-slideshow\/\">https:\/\/extensions.joomla.org\/extension\/up-down-image-slideshow\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This joomla module lets showcase images in a vertical 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. Persistence of last viewed image supported.<\/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-132","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\/132","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=132"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/132\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/media?parent=132"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/categories?post=132"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/tags?post=132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}