{"id":10,"date":"2011-06-19T14:45:37","date_gmt":"2011-06-19T14:45:37","guid":{"rendered":"http:\/\/182.50.155.234\/extensions\/?p=10"},"modified":"2021-09-23T16:03:13","modified_gmt":"2021-09-23T16:03:13","slug":"superb-transition-slideshow-joomla-module","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/extensions\/2011\/06\/superb-transition-slideshow-joomla-module\/","title":{"rendered":"Superb transition slideshow Joomla module"},"content":{"rendered":"\n<p><strong>Superb transition slideshow Joomla module<\/strong> is an image slideshow module that brings each image into view using one of many randomly chosen <strong>transitional effects<\/strong> in IE browsers. For other browsers that don&#8217;t support these built-in effects, a custom fade transition is used instead. This module loads the images from the specified folder. In other words, we have an option in the admin to add the image folder loction.<\/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 setup.<\/li><li>Simple image gallery.<\/li><li>Easy installation.<\/li><li>Lovable transition effect on IE browser; simple fade transition on other browser.<\/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 below. 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\/super-transition-slideshow.js\"><\/script>\n<script type=\"text\/javascript\">\n\tvar flashyshow=new super_transition_slideshow({ \n\t\twrapperid: \"sts_slideshow\", \n\t\twrapperclass: \"sts_class\", \n\t\timagearray: [[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_1.jpg\", \"\", \"\", \"\"],\n\t\t\t[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_2.jpg\", \"\", \"\", \"\"],\n\t\t\t[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_3.jpg\", \"\", \"\", \"\"],\n\t\t\t[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_4.jpg\", \"\", \"\", \"\"]],\n\t\tpause: 2000, \n\t\ttransduration: 1000 \n\t})\n<\/script>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Steps to install module<\/h2>\n\n\n\n<p>1. Download <strong>Superb transition 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 <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 transition 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 transition 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 admin go to the <strong>Site Modules<\/strong> section (<strong>System<\/strong>, <strong>Manage<\/strong> in your admin menu). You should see the module&#8217;s <strong>superb transition slideshow<\/strong> listed among the others. Simply click on the module name to open the module editor. But, if you don&#8217;t have a module on this page. follow the <strong>New<\/strong> button to create a new instance.<\/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 transition slideshow<\/strong> module should be listed among the types available, select <strong>superb transition 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>Go to the <strong>Manage<\/strong>, <strong>Site Modules<\/strong> menu and select the module <strong>superb transition slideshow<\/strong> from the list then click the Module tab to set up the module parameters.<\/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_transition_slideshow\/mod_superb_transition_slideshow.png\" alt=\"Superb transition slideshow\"\/><\/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. That is the module display position on the front end.<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. so that the module displays all your frontend pages.<br><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)<\/p>\n\n\n\n<p><strong>Slideshow Width:<\/strong> Enter the width of the slideshow. (e.g. 200)<br><strong>Slideshow Height:<\/strong> Enter the height of the slideshow. (e.g. 150)<br><strong>Random:<\/strong> Display images in random order, Every time it displays different order. (e.g. Y\/N)<br><strong>Pause:<\/strong> Pause time between images. (e.g 1000)<br><strong>Transition duration:<\/strong> Enter the slideshow transition duration in the images. (e.g 3000)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently asked questions<\/h2>\n\n\n\n<p><strong>Q1. How to change the slide delay time?<\/strong><\/p>\n\n\n\n<p>Go to Module manager >> Superb transition slide show >> Module parameters. in this page you can find the option to update slide delay. This is an integer parameter. Thus, enter only numbers.<\/p>\n\n\n\n<p><strong>Q2. Where to upload my image?<\/strong><\/p>\n\n\n\n<p>Go to Module manager >> Superb transition >> slide show Module parameters. in this page you can find a text box to add folder location. That is, we have an option on this page to enter folder location.<\/p>\n\n\n\n<p><strong>Q3. How the slide show manages the order?<\/strong><\/p>\n\n\n\n<p>The file names are returned in the order in which they are stored by the file system. Thus, no option is available in the form to enter display order details. However, we have the option to display the images in random order.<\/p>\n\n\n\n<p><strong>Q4. Where to update the duration of transition?<\/strong><\/p>\n\n\n\n<p>Go to Module manager >> Superb transition slide show >> Module parameters. in this page you can find the option to update transition duration.  This is an integer parameter. Thus, enter only numbers. <\/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\/06\/superb-transition-slideshow-joomla-module\/\">http:\/\/www.gopiplus.com\/extensions\/2011\/06\/superb-transition-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\/superb-transition-slideshow\/\">https:\/\/extensions.joomla.org\/extension\/superb-transition-slideshow\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is an image slideshow module that brings each image into view using 1 of N randomly chosen transitional effects in IE browsers. For other browsers that don&#8217;t support these built in effects, a custom fade transition is used instead.<\/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,10],"class_list":["post-10","post","type-post","status-publish","format-standard","hentry","category-joomla-plugin","tag-joomla","tag-module","tag-slideshow","tag-transition"],"amp_enabled":true,"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/10","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=10"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/10\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/media?parent=10"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/categories?post=10"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/tags?post=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}