slitaz-configs annotate 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 |
rev | line source |
---|---|
hackdorte@256 | 1 // Main.js |
hackdorte@256 | 2 // Copyright (C) Slitaz GNU/Linux - BSD License |
hackdorte@256 | 3 |
hackdorte@256 | 4 // --- Open and Close (button) - *** To Future *** |
hackdorte@256 | 5 function btn(obj){ |
hackdorte@256 | 6 var el = document.getElementById(obj); |
hackdorte@256 | 7 if(el.style.display != "block"){ |
hackdorte@256 | 8 el.style.display = "block"; |
hackdorte@256 | 9 }else{ |
hackdorte@256 | 10 el.style.display = "none"; |
hackdorte@256 | 11 } |
hackdorte@256 | 12 } |
hackdorte@256 | 13 |
hackdorte@256 | 14 // --- Background Slide Show (4 img's with 8 sec to view) |
hackdorte@256 | 15 // --- All images are "public domain license" by Vera Kratochvil. |
hackdorte@256 | 16 |
hackdorte@256 | 17 var imageCount = 0; |
hackdorte@256 | 18 var currentImage = 0; |
hackdorte@256 | 19 var images = new Array(); |
hackdorte@256 | 20 |
hackdorte@256 | 21 images[0] = 'bg/bg0.jpg'; |
hackdorte@256 | 22 images[1] = 'bg/bg1.jpg'; |
hackdorte@256 | 23 images[2] = 'bg/bg2.jpg'; |
hackdorte@256 | 24 images[3] = 'bg/bg3.jpg'; |
hackdorte@256 | 25 images[4] = 'bg/bg4.jpg'; |
hackdorte@256 | 26 |
hackdorte@256 | 27 var preLoadImages = new Array(); |
hackdorte@256 | 28 for (var i = 0; i < images.length; i++) |
hackdorte@256 | 29 { |
hackdorte@256 | 30 if (images[i] == "") |
hackdorte@256 | 31 break; |
hackdorte@256 | 32 |
hackdorte@256 | 33 preLoadImages[i] = new Image(); |
hackdorte@256 | 34 preLoadImages[i].src = images[i]; |
hackdorte@256 | 35 imageCount++; |
hackdorte@256 | 36 } |
hackdorte@256 | 37 |
hackdorte@256 | 38 function startSlideShow(){ |
hackdorte@256 | 39 |
hackdorte@256 | 40 if (document.body && imageCount > 0) |
hackdorte@256 | 41 { |
hackdorte@256 | 42 document.body.style.backgroundImage = "url("+images[currentImage]+")"; |
hackdorte@256 | 43 document.body.style.backgroundSize = "cover"; // Full Screen |
hackdorte@256 | 44 document.body.style.backgroundRepeat = "no-repeat"; |
hackdorte@256 | 45 document.body.style.backgroundPosition = "50% 50%"; // All page |
hackdorte@256 | 46 |
hackdorte@256 | 47 currentImage = currentImage + 1; |
hackdorte@256 | 48 if (currentImage > (imageCount-1)) |
hackdorte@256 | 49 { |
hackdorte@256 | 50 currentImage = 0; |
hackdorte@256 | 51 } |
hackdorte@256 | 52 setTimeout('startSlideShow()', 10000); // 10sec |
hackdorte@256 | 53 } |
hackdorte@256 | 54 } |
hackdorte@256 | 55 startSlideShow(); |