{"id":351,"date":"2011-11-07T04:38:46","date_gmt":"2011-11-07T04:38:46","guid":{"rendered":"http:\/\/www.gopiplus.com\/extensions\/?p=351"},"modified":"2021-09-19T09:03:20","modified_gmt":"2021-09-19T09:03:20","slug":"joomla-module-fancy-image-show","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/extensions\/2011\/11\/joomla-module-fancy-image-show\/","title":{"rendered":"Fancy Image Show Joomla Module"},"content":{"rendered":"\n<p><strong>Fancy Image Show <\/strong>Joomla Module is a simple image rotation module. The image rotation happens with five different fancy effects, so it is named fancy image show. In the module admin, we have the option to enter folder location and this module loads the images from that folder location to show. And it is using default jQuery for a fancy effect. We also have the option to enter the width\/height of the image gallery in the admin.<\/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\">Available Fancy Effect<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Zipper Effect<\/li><li>Wave Effect<\/li><li>Curtain Effect<\/li><li>Fountain Top Effect<\/li><li>Random Top Effect<\/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>Live Demo<\/h2>\n<script type=\"text\/javascript\">var $j = jQuery.noConflict();<\/script>\n<script src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/demo\/fancy-image-show.js\" type=\"text\/javascript\"><\/script> \n<script type=\"text\/javascript\">\n$j(function() \n{  \n\t$j(document).ready(function(){ \n\t\t$j(\"#GALLERY2\").FancyImageShow({ \n\t\t\twidth: 700, \n\t\t\theight: 450, \n\t\t\teffect: 'random top', \n\t\t\tdelay:  2000, \n\t\t\tstrips:\t20, \n\t\t\tstripDelay: 30 \n\t\t}); \n\t}); \n});\n<\/script>\n<div id=\"GALLERY2\" style=\"text-align:center;\">\n\t<img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_1.jpg\" alt=\"\" \/>\n\t<img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_2.jpg\" alt=\"\" \/>\n\t<img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_3.jpg\" alt=\"\" \/>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Module installation instruction<\/h2>\n\n\n\n<p>1. Download <strong>Fancy Image Show<\/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 Browse 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=\"Joomla menu for 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.0_menu_extensions_module.png\" alt=\"Joomla menu for 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. You should see the module <strong>Fancy Image Show<\/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 new button. The new module should be listed among the types available, select <strong>Fancy Image Show<\/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 Fancy Image Show module from the list then click the <strong>Module<\/strong> tab to set up the module parameters.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fancy Image Show<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/screens\/joomla\/mod_fancy_image_show\/mod_fancy_image_show.png\" alt=\"Fancy Image Show Joomla Module\"\/><\/figure>\n\n\n\n<p><strong>Module parameters<\/strong><\/p>\n\n\n\n<p>Add jQuery: Select NO if your theme already has jQuery script<br>Image folder: Path to the image folder relative to the site URL.<br>Width: Enter the width of the slideshow. (e.g. 200)<br>Height: Enter the height of the slideshow. (e.g. 150)<br>Slideshow Effect Delay: Enter the delay between each effect. (e.g. 3000)<br>Strip Delay: Enter strip delay. (e.g. 30)<br>Strip: Enter the number of strips. (e.g. 12)<br>Slideshow Effect: Select the slideshow effect.<\/p>\n\n\n\n<p><strong>Joomla parameters<\/strong><\/p>\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 for it to display.<br>Module Assignment: Assign the module to all pages.<\/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\/11\/joomla-module-fancy-image-show\/\">http:\/\/www.gopiplus.com\/extensions\/2011\/11\/joomla-module-fancy-image-show\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Download link<\/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\/fancy-image-show\/\">https:\/\/extensions.joomla.org\/extension\/fancy-image-show\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Fancy Image Show Joomla Module is a simple image rotation plugin. The image rotation happens with five different fancy effects, so it is named fancy image show.<\/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":[27,18,7,8],"class_list":["post-351","post","type-post","status-publish","format-standard","hentry","category-joomla-plugin","tag-fancy","tag-image","tag-joomla","tag-module"],"amp_enabled":true,"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/351","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=351"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/351\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/media?parent=351"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/categories?post=351"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/tags?post=351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}