Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum

     <style>
               .twg_shadow {
                 margin-top: 3px;
                -moz-box-shadow: 3px 3px 4px #111;
                 -webkit-box-shadow: 3px 3px 4px #111;
                 box-shadow: 3px 3px 4px #111;
                 /* For IE 8 */
                 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111')";
                 /* For IE 5.5 - 7 */
                 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111');
               }
               .twg_single_border {
                 margin-top: 3px;
                 border: 1px solid #111111;
                 padding: 4px;
               }
                .twg_margin_top {
                 margin-top: 3px; 
               }
     </style>
               <table cellspacing="0" cellpadding="0" style="width:100%;text-align:center;"><tr><td><a   target="_blank" href="http://www.picsforjoo.de/twg/index.php?twg_random=3&amp;twg_random_display=true"><img id="twg_rand_image_3" src="http://www.picsforjoo.de/twg/image.php?twg_random=3&amp;twg_type=random&amp;twg_random_size=200&amp;twg_random_subdir=true" class="twg_shadow"/></a></td></tr></table><script type="text/javascript">
var twg_img_base3 = jQuery("#twg_rand_image_3").attr("src");
var twg_counter3=0;
var image_fade3 = 0.6;
var iid3 = "#twg_rand_image_3";
var img_id3 = "twg_rand_image_3";
var oldclass3 = jQuery(iid3).attr("class"); function changeImage3() {
if (image_fade3 != 1) {
                     var image13 = jQuery("<img />").attr("class", oldclass3).attr("id",img_id3)
                        .attr("src", twg_img_base3 + "&ts=" + twg_counter3++)
                        .load(function(){
                            jQuery(iid3).fadeTo('fast', image_fade3 , function() {
                              jQuery(iid3).replaceWith( image13 );
                              jQuery(iid3).fadeTo('normal', 1, function() {           
                                 jQuery(iid3).removeAttr("style");                                 
                              });
                            });     
                         });
                    } else {
                      jQuery(iid3).attr("src",twg_img_base3 + "&ts=" + twg_counter3++);
                    }   }
window.setInterval("changeImage3()",8000);
</script>

<?xml version="1.0" encoding="utf-8"?>
<extension type="module" version="3.0" method="upgrade" client="site">
   <name>TWG Random Image</name>
   <creationDate>Aug 2014</creationDate>
   <author>Michael Dempfle</author>
   <copyright>(C) 2013 TinyWebGallery. All rights reserved.</copyright>
   <license>http://www.gnu.org/copyleft/gpl.html GNU/GPL</license>
   <authorEmail>tinywebgallery@mdempfle.de</authorEmail>
   <authorUrl>www.tinywebgallery.com</authorUrl>
   <version>1.7.7.0</version>
   <description>This module displays a random image from your TWG image gallery for Joomla 3.x</description>
   <files>
   <filename module="mod_twg_random_image">mod_twg_random_image.php</filename>
   </files>
   <config>
      <fields name="fields">
         <fieldset name="basic">
            <field name="folder" type="text" default="http://www.tinywebgallery.com/demo" label="TWG main Folder" description="Path to the main twg folder." />
            <field name="album" type="text" default="" label="Album(s)" description="The album(s) where the image comes from. Seperate albums with an |. Albums have to be urlencoded. Empty = to start from the root - please use recursive folders if you do this." />
            <field name="type" type="radio" default="1" label="Type" description="You can either show a random image or the most viewed image of a folder.">
                     <option value="1">Random</option>
                     <option value="0">TopX</option>
         </field>
         <field name="recursive" type="radio" default="1" label="Recursive" description="Use images from sub directories of the provided album too">
                     <option value="1">Yes</option>
                     <option value="0">No</option>
         </field>
            <field name="id" type="text" label="Id" default="1" description="An unique id of the random/topx image on the page. You can have different random/topx images on one page if you use different id's. For topx images the number has to start with 1 for the most viewed image and so on." />
            <field name="link" type="text" default="http://www.tinywebgallery.com/demo" label="Link" description="The URL to the main twg installation (if not included with php include this is the same as the folder!). If you leave this blank no link is added. If you use php include please provide the URL to your gallery page." />
            <field name="target" type="text" default="_blank" label="Target" description="The target where the TWG is opened. (_self or _blank makes sense)." />
      
            <field name="size" type="text" default="120" label="Size (px)" description="Image size (forces all images to be displayed with this size)" />
            <field name="margin" type="text" default="1" label="Margin (px)" description="The space around the image. Most layouts do already have some space." />
      
            <field name="slideshow" type="radio" default="1" label="Activate slideshow" description="Change the random image every x seconds">
               <option value="1">Yes</option>
               <option value="0">No</option>
         </field>
            <field name="time" type="text" default="5" label="Slideshow time (s)" description="The slideshow interval in seconds" />
            <field name="savespace" type="radio" default="1" label="Reserve space" description="Reserve the space for a vertical image. If No the layout can jump when slideshow is running.">
                     <option value="1">Yes</option>
                     <option value="0">No</option>
      </field>
      </fieldset>
      </fields>
   </config>
         

</extension>