{"id":225,"date":"2011-08-30T06:53:06","date_gmt":"2011-08-30T06:53:06","guid":{"rendered":"http:\/\/www.gopiplus.com\/extensions\/?p=225"},"modified":"2021-09-20T15:54:54","modified_gmt":"2021-09-20T15:54:54","slug":"random-image-with-fancy-zoom-joomla-module","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/extensions\/2011\/08\/random-image-with-fancy-zoom-joomla-module\/","title":{"rendered":"Random image with fancy zoom Joomla module"},"content":{"rendered":"\n<p>Random image gallery with fancy zoom Joomla module allows you to simply and easily show random images anywhere in your website with on-click fancy zoom effect. This module is very useful to display images randomly to users. This will automatically generate the perfect thumbnail image based on the width you mentioned in the administrator section. It retrieves images from the specific folder, we can change this folder location 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>Simple and easy installation.<\/li><li>This will create thumbnail image.<\/li><li>Display one image in random order.<\/li><li>Fancy zoom effect on mouse click.<\/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 (below image) in this page. click on the image to see the fancy zoom effect. <a href=\"http:\/\/www.gopiplus.com\/extensions\/2011\/08\/random-image-with-fancy-zoom-joomla-module\/\">Refresh<\/a> this page to see the another random image. You may also be interested in <a href=\"http:\/\/www.gopiplus.com\/extensions\/2011\/12\/joomla-module-random-image-with-pretty-photo-zoom\/\">Random image with prettyPhoto<\/a> zoom Joomla module.<\/p><\/blockquote>\n\n\n<div class=\"livedemo\">\n\t<h2>Live Demo<\/h2>\n\t<script src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/demo\/FancyZoom.js\" type=\"text\/javascript\"><\/script>\n\t<script src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/demo\/FancyZoomHTML.js\" type=\"text\/javascript\"><\/script>\n\t<div class=\"ads-row\">\n\t\t<div class=\"ads-column1\">\n\t\t\t<a href=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/720x480\/1.jpg\" rel=\"fancyzoom\"> \n\t\t\t\t<img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/336x280\/336x280_1.jpg\" \/> \n\t\t\t<\/a> \n\t\t<\/div>\n\t\t<div class=\"ads-column2\">\n\t\t\t<a href=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/720x480\/3.jpg\" rel=\"fancyzoom\"> \n\t\t\t\t<img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/336x280\/336x280_3.jpg\" \/> \n\t\t\t<\/a> \n\t\t<\/div>\n\t<\/div>\n\t<script language=\"javascript\">setupZoom();<\/script>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Module installation instruction<\/h2>\n\n\n\n<p>1. Download the <strong>Random image gallery with a fancy zoom<\/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=\"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.2_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>Modules<\/strong> (Extensions, Modules in your admin menu). You should see the module <strong>Random image with fancy zoom<\/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>Random image with fancy zoom<\/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>Random image with fancy zoom<\/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_random_image_with_fancy_zoom\/mod_random_image_with_fancy_zoom.png\" alt=\"Random image with fancy zoom 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 (e.g. modules\/mod_random_image_with_fancy_zoom\/images) No trailing slash in the folder location.<br>Width : Width of the display thumbnail image in px (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\/08\/random-image-with-fancy-zoom-joomla-module\/\">http:\/\/www.gopiplus.com\/extensions\/2011\/08\/random-image-with-fancy-zoom-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\/random-image-with-fancy-zoom\/\">https:\/\/extensions.joomla.org\/extension\/random-image-with-fancy-zoom\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Random image gallery with fancy zoom Joomla module which allows you to simply and easily show random images anywhere in your website with on-click fancy zoom effect.<\/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":[56,18,7,8,24],"class_list":["post-225","post","type-post","status-publish","format-standard","hentry","category-joomla-plugin","tag-fancy-zoom","tag-image","tag-joomla","tag-module","tag-random"],"amp_enabled":true,"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/225","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=225"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/225\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/media?parent=225"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/categories?post=225"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/tags?post=225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}