{"id":18,"date":"2011-06-19T15:00:04","date_gmt":"2011-06-19T15:00:04","guid":{"rendered":"http:\/\/182.50.155.234\/extensions\/?p=18"},"modified":"2021-09-23T15:35:30","modified_gmt":"2021-09-23T15:35:30","slug":"superb-slideshow-joomla-module","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/extensions\/2011\/06\/superb-slideshow-joomla-module\/","title":{"rendered":"Superb slideshow Joomla module"},"content":{"rendered":"\n<p>Superb slideshow Joomla module is a strong, cross-browser fade-in slideshow script that incorporates some of your most requested features all rolled into one. Each instance of a fade-in slideshow on the page is completely independent of the other, with support for different features selectively enabled for each slideshow. It retrieves images from the specific folder, we can change this folder location in the administrator section. We can set the image descriptions either be set to show on-demand or be always visible until explicitly dismissed.<\/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>Fade in effect that has the current image fading over the previous one.<\/li><li>Automatic slideshow.<\/li><li>Slideshow can be set to stop rotating after N cycles.<\/li><li>Each slide can be optionally hyper-linked.<\/li><li>Each slide can have an optional description associated with it.<\/li><li>Descriptions can either be set to show on demand or be always visible until explicitly dismissed.<\/li><li>Joomla cache option available.<\/li><li>Slideshow automatically pauses on mouse over.<\/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\/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 style=\"padding-bottom:10px;\">Live Demo<\/h2>\n<script type=\"text\/javascript\" src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/demo\/superb-slideshow.js\"><\/script>\n<script type=\"text\/javascript\">\n\tvar sswldgallery=new sswldSlideShow({\n\t\tsswld_wrapperid: \"sswld\",\n\t\tsswld_dimensions: [700, 450],\n\t\tsswld_imagearray: [[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_1.jpg\",\"#\", \"_new\", \"Australia Melbourne great ocean drive collection\"],\n\t\t[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_2.jpg\", \"#\", \"_new\", \"Australia Melbourne great ocean drive collection\"],\n\t\t[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_3.jpg\", \"#\", \"_new\", \"Australia Melbourne great ocean drive collection\"],\n\t\t[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_4.jpg\", \"#\", \"_new\", \"Australia Melbourne wildlife park collection\"]],\n\t\tsswld_displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},\n\t\tsswld_persist: false,\n\t\tsswld_fadeduration: 500,\n\t\tsswld_descreveal: \"always\",\n\t\tsswld_togglerid: \"\"\n\t})\n\t<\/script>\n    <div id=\"sswld\"><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Module installation<\/h2>\n\n\n\n<p>1. Download the <strong>superb 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 <strong>Browse<\/strong> and select the module you downloaded, then click <strong>Upload &amp; Install<\/strong> 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=\"Superb slideshow joomla 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=\"Superb slideshow joomla 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> menu (<strong>System<\/strong>, <strong>Manage<\/strong> in your admin menu). You should see the module&#8217;s <strong>superb 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 <strong>superb slideshow<\/strong> module should be listed among the types available, the select the <strong>superb 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>superb slideshow<\/strong> module from the list then click Module tab to add\/update 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_superb_slideshow\/mod_superb_slideshow.png\" alt=\"Superb slideshow joomla module\"\/><\/figure>\n\n\n\n<p>Title: It is essential to set a title for the module.<br>Position: The position on the page where the module will be displayed.<br>Status: The module needs to be published in order for it to display.<br>Module Assignment: Assign the module to all pages.<\/p>\n\n\n\n<p>Image folder: Path to the image folder relative to the site URL.<br>Image link: A URL to redirect to if the image is clicked upon.<br>Slideshow width: Width of the gallery in pixels. Should reflect the dimensions of the largest image.<br>Slideshow height: Height of gallery in pixels. Should reflect the dimensions of the largest image.<br>Random: Display images in random order, Every time it displays different order.<\/p>\n\n\n\n<p>Pause: Pause time between images.<br>Fade duration: Fade transition duration (milliseconds).<br>Cycle: Number of cycles before the slideshow stops in automatic mode.<br>Description panel: This option dictates the style of the description panel.<br>Unique id: This is used to display more than 1 slide on the same page.<br>Cache: Remember the last viewed slide and recall within the same session?<\/p>\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 and height of the slideshow?<\/strong><\/p>\n\n\n\n<p>In your Joomla administrator section go to Manage, Site Modules, and select <strong>superb slideshow<\/strong> module, in this page, you can find the option to update the width and height of the slideshow.<\/p>\n\n\n\n<p><strong>Q2) How to change the slide fade duration, pause, cycles?<\/strong><\/p>\n\n\n\n<p>In your Joomla administrator section go to Manage, Site Modules, and select superb slideshow module, in this page, you can find the option to update slide fade duration.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Module configuration<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/extensions\/2011\/06\/superb-slideshow-joomla-module\/\">http:\/\/www.gopiplus.com\/extensions\/2011\/06\/superb-slideshow-joomla-module\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Download location<\/h2>\n\n\n\n<p><a title=\"Download link\" 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\/superb-slideshow\/\">https:\/\/extensions.joomla.org\/extension\/superb-slideshow\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This module is a strong, cross browser fade in slideshow script that incorporates some of your most requested features all rolled into one. Each instance of a fade in slideshow on the page is completely independent of the other, with support for different features selectively enabled for each slideshow.<\/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":[7,8,11],"class_list":["post-18","post","type-post","status-publish","format-standard","hentry","category-joomla-plugin","tag-joomla","tag-module","tag-slideshow"],"amp_enabled":true,"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/18","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=18"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/18\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/media?parent=18"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/categories?post=18"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/tags?post=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}