slitaz-configs diff rootfs/usr/share/webhome/lib/main.js @ rev 256

Up: New home page with new modern style
author Leonardo Laporte <hackdorte@sapo.pt>
date Sat Sep 12 07:09:07 2015 -0300 (2015-09-12)
parents
children f403814d8c13
line diff
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/rootfs/usr/share/webhome/lib/main.js	Sat Sep 12 07:09:07 2015 -0300
     1.3 @@ -0,0 +1,55 @@
     1.4 +// Main.js
     1.5 +// Copyright (C) Slitaz GNU/Linux - BSD License
     1.6 +
     1.7 +// --- Open and Close (button) - *** To Future ***
     1.8 +function btn(obj){
     1.9 +  var el = document.getElementById(obj);
    1.10 +    if(el.style.display != "block"){
    1.11 +    el.style.display = "block";
    1.12 +  }else{
    1.13 +  el.style.display = "none";
    1.14 +  }
    1.15 +}
    1.16 +
    1.17 +// --- Background Slide Show (4 img's with 8 sec to view)
    1.18 +// --- All images are "public domain license" by Vera Kratochvil.
    1.19 +
    1.20 +    var imageCount = 0;
    1.21 +    var currentImage = 0;
    1.22 +    var images = new Array();
    1.23 +     
    1.24 +    images[0] = 'bg/bg0.jpg';
    1.25 +    images[1] = 'bg/bg1.jpg';
    1.26 +    images[2] = 'bg/bg2.jpg';
    1.27 +    images[3] = 'bg/bg3.jpg';
    1.28 +    images[4] = 'bg/bg4.jpg';
    1.29 +     
    1.30 +    var preLoadImages = new Array();
    1.31 +    for (var i = 0; i < images.length; i++)
    1.32 +    {
    1.33 +       if (images[i] == "")
    1.34 +          break;
    1.35 +     
    1.36 +       preLoadImages[i] = new Image();
    1.37 +       preLoadImages[i].src = images[i];
    1.38 +       imageCount++;
    1.39 +    }
    1.40 +     
    1.41 +function startSlideShow(){
    1.42 +
    1.43 +   if (document.body && imageCount > 0)
    1.44 +   {
    1.45 +      document.body.style.backgroundImage = "url("+images[currentImage]+")";    
    1.46 +      document.body.style.backgroundSize = "cover"; // Full Screen
    1.47 +      document.body.style.backgroundRepeat = "no-repeat";
    1.48 +      document.body.style.backgroundPosition = "50% 50%"; // All page
    1.49 +     
    1.50 +      currentImage = currentImage + 1;
    1.51 +      if (currentImage > (imageCount-1))
    1.52 +      { 
    1.53 +         currentImage = 0;
    1.54 +      }
    1.55 +      setTimeout('startSlideShow()', 10000); // 10sec
    1.56 +   }
    1.57 +}
    1.58 +startSlideShow();