{"id":247,"date":"2011-09-02T16:11:40","date_gmt":"2011-09-02T16:11:40","guid":{"rendered":"http:\/\/www.gopiplus.com\/extensions\/?p=247"},"modified":"2021-09-20T15:35:32","modified_gmt":"2021-09-20T15:35:32","slug":"random-image-display-with-light-box-joomla-module","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/extensions\/2011\/09\/random-image-display-with-light-box-joomla-module\/","title":{"rendered":"Random image display with lightbox Joomla module"},"content":{"rendered":"\n<p>The Random image gallery with lightbox module allows you to simply and easily show random images anywhere on your website with an on-click lightbox effect. This module is very useful to display images randomly to users. What is a Lightbox script? Lightbox is a simple, modest script used to overlay images on the web page. 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 auto thumbnail image.<\/li><li>Display one image in random order.<\/li><li>Light box 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 image) in this page. click on the image to see the light box effect. <a href=\"http:\/\/www.gopiplus.com\/extensions\/2011\/09\/random-image-display-with-light-box-joomla-modul\/\">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 pretty photo zoom<\/a> Joomla module and <a href=\"http:\/\/www.gopiplus.com\/extensions\/2011\/08\/random-image-with-fancy-zoom-joomla-module\/\">Random image with fancy zoom<\/a> Joomla module.<\/p><\/blockquote>\n\n\n<div class=\"livedemo\">\n\t<h2>Live Demo<\/h2>\n\t<div style=\"text-align:center;\">\n\t\t<link rel=\"stylesheet\" href=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/demo\/lightbox.css\" type=\"text\/css\" media=\"screen\">\n\t\t<script src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/demo\/lightbox.js\" type=\"text\/javascript\"><\/script><strong><\/strong>\n\t\t<a href=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/720x480\/1.jpg\" rel=\"lightbox\"> \n\t\t\t<img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/336x280\/336x280_1.jpg\" \/> \n\t\t<\/a> \n\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Module installation instruction<\/h2>\n\n\n\n<p>1. Download a <strong>Random image display with a lightbox<\/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=\"Random image display with light box Joomla 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=\"Random image display with light box 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> (<strong>System<\/strong>, <strong>Manage<\/strong> in your admin menu). You should see the module <strong>Random image with lightbox<\/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 a <strong>Random image with a lightbox <\/strong>that 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<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/screens\/joomla\/mod_random_image_with_light_box\/mod_random_image_with_light_box.png\" alt=\"Random image display with light box 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>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\/09\/random-image-display-with-light-box-joomla-module\/\">http:\/\/www.gopiplus.com\/extensions\/2011\/09\/random-image-display-with-light-box-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-light-box\/\">https:\/\/extensions.joomla.org\/extension\/random-image-with-light-box\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Random image gallery with light box module which allows you to simply and easily show random image anywhere in your website with on-click light box 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":[18,7,30,8,24],"class_list":["post-247","post","type-post","status-publish","format-standard","hentry","category-joomla-plugin","tag-image","tag-joomla","tag-light-box","tag-module","tag-random"],"amp_enabled":true,"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/247","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=247"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/247\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/media?parent=247"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/categories?post=247"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/tags?post=247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}