{"id":362,"date":"2011-12-18T07:08:03","date_gmt":"2011-12-18T07:08:03","guid":{"rendered":"http:\/\/www.gopiplus.com\/extensions\/?p=362"},"modified":"2021-09-19T08:15:19","modified_gmt":"2021-09-19T08:15:19","slug":"joomla-module-random-image-with-pretty-photo-zoom","status":"publish","type":"post","link":"https:\/\/www.gopiplus.com\/extensions\/2011\/12\/joomla-module-random-image-with-pretty-photo-zoom\/","title":{"rendered":"Random image with Pretty Photo zoom Joomla module"},"content":{"rendered":"\n<p>The Random image with prettyPhoto zoom Joomla module allows you to simply and easily show random images anywhere in your website with an on-click pretty photo zoom effect. It retrieves images from one specific folder, we can change this folder location in the administrator section. It will automatically generate the perfect thumbnail image based on the width you mentioned in the admin. This module is very useful to show images randomly to users.<\/p>\n\n\n\n<p>prettyPhoto is a jQuery lightbox clone. this module is using a prettyPhoto jQuery script to show the prettyPhoto effect.<\/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 on random order.<\/li><li>prettyPhoto zoom 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). click on the image and see the prettyPhoto zoom effect. <a href=\"http:\/\/www.gopiplus.com\/extensions\/2011\/12\/joomla-module-random-image-with-pretty-photo-zoom\/\">Refresh<\/a> this page to load another image for demo. You may also be interested in <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<h2>Live Demo<\/h2>\n<div style=\"text-align:center;\">\n<a href=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_3.jpg\" rel=\"prettyPhoto\" title=\"\"> \n\t<img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/336x280\/336x280_3.jpg\" \/> \n<\/a> \n<\/div>\n<link media=\"screen\" type=\"text\/css\" href=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/demo\/prettyPhoto.css\" id=\"prettyPhoto-css\" rel=\"stylesheet\">\n<script src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/demo\/jquery.prettyPhoto.js\" type=\"text\/javascript\"><\/script>\n<script type=\"text\/javascript\" charset=\"utf-8\">\n jQuery(document).ready(function(){\n\tjQuery(\"a[rel^='prettyPhoto']\").prettyPhoto({ overlay_gallery: false, \"theme\": 'light_rounded', social_tools: false });\n });\n<\/script>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Module installation instruction<\/h2>\n\n\n\n<p>1. Download <strong>Random image with prettyPhoto 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 <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=\"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>Site Modules<\/strong> (System, Manage in your admin menu). You should see the module <strong>Random image with prettyPhoto 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 prettyPhoto 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 Manage, Site Modules, and select the <strong>Random image with prettyPhoto zoom<\/strong> module from the list then click <strong>Module<\/strong> tab to add\/update default configuration.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Random image with Pretty Photo zoom<\/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_img_gallery_pp_zoom\/mod_random_img_gallery_pp_zoom.png\" alt=\"Random image with pretty photo zoom Joomla module\"\/><\/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.<br><strong>Status:<\/strong> The module needs to be published for it to display.<br><strong>Module Assignment: <\/strong>Assign the module to all pages.<br><strong>Image Folder:<\/strong> 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><strong>Width<\/strong>: Width of the display thumbnail image in pixel (e.g. 300)<br>Theme<strong>:<\/strong> Select the available <strong>prettyPhoto zoom theme<\/strong> type.<\/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\/12\/joomla-module-random-image-with-pretty-photo-zoom\/\">http:\/\/www.gopiplus.com\/extensions\/2011\/12\/joomla-module-random-image-with-pretty-photo-zoom\/<\/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-img-gallery-pp-zoom\/\">https:\/\/extensions.joomla.org\/extension\/random-img-gallery-pp-zoom\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This Joomla module which allows you to simply and easily show random images anywhere in your website with on-click pretty photo 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":[20,7,8,39],"class_list":["post-362","post","type-post","status-publish","format-standard","hentry","category-joomla-plugin","tag-gallery","tag-joomla","tag-module","tag-pretty-photo"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/comments?post=362"}],"version-history":[{"count":0,"href":"https:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/362\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/media?parent=362"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/categories?post=362"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/tags?post=362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}