website annotate scripts/slideshow.js @ rev 731

Add get_feed.php and CSS for feedbox
author Christophe Lincoln <pankso@slitaz.org>
date Fri Jan 14 04:49:24 2011 +0100 (2011-01-14)
parents
children 4123d64d7e06
rev   line source
pankso@711 1
pankso@711 2 window.addEventListener?window.addEventListener('load',so_init,false):window.attachEvent('onload',so_init);
pankso@711 3
pankso@711 4 var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;
pankso@711 5
pankso@711 6 function so_init()
pankso@711 7 {
pankso@711 8 if(!d.getElementById || !d.createElement)return;
pankso@711 9
pankso@711 10 css = d.createElement('link');
pankso@711 11 css.setAttribute('href','slideshow.css');
pankso@711 12 css.setAttribute('rel','stylesheet');
pankso@711 13 css.setAttribute('type','text/css');
pankso@711 14 d.getElementsByTagName('head')[0].appendChild(css);
pankso@711 15
pankso@711 16 imgs = d.getElementById('slideshow').getElementsByTagName('img');
pankso@711 17 for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
pankso@711 18 imgs[0].style.display = 'block';
pankso@711 19 imgs[0].xOpacity = .99;
pankso@711 20
pankso@711 21 setTimeout(so_xfade,4000);
pankso@711 22 }
pankso@711 23
pankso@711 24 function so_xfade()
pankso@711 25 {
pankso@711 26 cOpacity = imgs[current].xOpacity;
pankso@711 27 nIndex = imgs[current+1]?current+1:0;
pankso@711 28 nOpacity = imgs[nIndex].xOpacity;
pankso@711 29
pankso@711 30 cOpacity-=.05;
pankso@711 31 nOpacity+=.05;
pankso@711 32
pankso@711 33 imgs[nIndex].style.display = 'block';
pankso@711 34 imgs[current].xOpacity = cOpacity;
pankso@711 35 imgs[nIndex].xOpacity = nOpacity;
pankso@711 36
pankso@711 37 setOpacity(imgs[current]);
pankso@711 38 setOpacity(imgs[nIndex]);
pankso@711 39
pankso@711 40 if(cOpacity<=0)
pankso@711 41 {
pankso@711 42 imgs[current].style.display = 'none';
pankso@711 43 current = nIndex;
pankso@711 44 setTimeout(so_xfade,4000);
pankso@711 45 }
pankso@711 46 else
pankso@711 47 {
pankso@711 48 setTimeout(so_xfade,60);
pankso@711 49 }
pankso@711 50
pankso@711 51 function setOpacity(obj)
pankso@711 52 {
pankso@711 53 if(obj.xOpacity>.99)
pankso@711 54 {
pankso@711 55 obj.xOpacity = .99;
pankso@711 56 return;
pankso@711 57 }
pankso@711 58
pankso@711 59 obj.style.opacity = obj.xOpacity;
pankso@711 60 obj.style.MozOpacity = obj.xOpacity;
pankso@711 61 obj.style.filter = 'alpha(opacity=' + (obj.xOpacity*100) + ')';
pankso@711 62 }
pankso@711 63 }