var browser = check_browser(); function check_browser() { var browser = 'ok' // brouwser is default ok ... if (navigator.appName.search('icrosoft') >= 0) // ... tenzij het er een van Microsoft is. { browser = 'ie'; var versie = navigator.appVersion.match(/MSIE\s[0-9]+[\.0-9]*/i); var vn = versie[0].replace(/([^\.0-9]+)/i, ''); vn = parseFloat(vn); if (vn >= 8) {browser = 'ie8';} } return browser; } /*** Start slide show ***/ function slide_show_start(bron) // Bij laden van "home" { //document.getElementById('testvak').innerHTML = 'Browser: '+browser; var imgobj = document.getElementById('slideshow').getElementsByTagName('img'); setTimeout("slide_show_wissel('1');", 3000); imgobj[1].style.display = 'inline'; if (browser == 'ok') {imgobj[1].style.opacity = '0';} else {imgobj[1].style.filter = 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';} document.getElementById('slideshow').value = new Array(0,1,0); } /*** Wisselen plaatje slideshow ***/ function slide_show_wissel(bron) { var imgobj = document.getElementById('slideshow').getElementsByTagName('img'); var t_wissel = 4000; // tijd plaatje zichtbaar var t_fade = 1000; // fade in/out tijd var s_fade = 40; // aantal fade stappen fadedata = document.getElementById('slideshow').value; fade = fadedata[2]; // fade waarde 0...100% img_a = fadedata[0]; // zichtbaar plaatje img_b = fadedata[1]; // in te faden plaatje fade += (100 / s_fade); fade_a = Math.round(100 - fade); fade_b = Math.round(fade); t_out = t_fade / s_fade; if (fade > 99) { fade = 0; imgobj[img_a].style.display = 'none'; img_a = img_b; img_b += 1; if (!imgobj[img_b]) {img_b = 0;} fade_a = 100; fade_b = 0; imgobj[img_a].style.display = 'inline'; imgobj[img_b].style.display = 'inline'; t_out = t_wissel; } if (browser == 'ok') { imgobj[img_a].style.opacity = (fade_a / 100); imgobj[img_b].style.opacity = (fade_b / 100); } else // Vage Microsoft browser (ook IE8) { imgobj[img_a].style.filter = 'progid:DXImageTransform.Microsoft.Alpha(Opacity='+fade_a+')'; imgobj[img_b].style.filter = 'progid:DXImageTransform.Microsoft.Alpha(Opacity='+fade_b+')'; // imgobj[img_a].style.filter = "alpha(opacity="+fade_a+")"; // imgobj[img_b].style.filter = "alpha(opacity="+fade_b+")"; } document.getElementById('slideshow').value = new Array(img_a,img_b,fade); setTimeout("slide_show_wissel('bron');", t_out); }