« »

$Slideshow using the \'Fade\' filter(IE)$ With IE's multimedia filters, have a quick and easy way to add interesting visual effects to content on your page. You need IE5.5+ to see the transitional effect, though the slideshow itself works in all browsers.

Label: Slideshow using the 'Fade' filter(IE)

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
CSS
JavaScript
HTML
Print

Copy All x2

<style type=text/css>
#myimage{
filter:progid:DXImageTransform.Microsoft.Fade(Duration=3)
}

</style>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<script type="text/javascript">
var slidespeed=2000
var slideimages=new Array("gif_logojsb.gif","gif_logojsb2.gif","gif_logojsb3.gif")
var slidelinks=new Array("http://www.javascriptbank.com","http://www.javascriptkit.com","http://www.cssdrive.com")

var whichlink=0
var whichimage=0
var imgobj, filtersupport, blenddelay
var imageholder=new Array()
for (i=0;i<slideimages.length;i++){ //preload images
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}

function gotoshow(){
window.location=slidelinks[whichlink]
}

function slideit(){
if (filtersupport)
imgobj.filters[0].apply()
imgobj.src=imageholder[whichimage].src
if (filtersupport)
imgobj.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
setTimeout("slideit()", slidespeed+blenddelay)
}
window.onload=function(){
imgobj=document.getElementById("slideshow") //access img obj
filtersupport=imgobj.filters //check for support for filters
blenddelay=(filtersupport)? imgobj.filters[0].duration*1000 : 0
slideit()
}
</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<A href="javascript:gotoshow()">
<IMG id=slideshow style="FILTER: progid:DXImageTransform.Microsoft.Fade(duration=2)" src="logojs.gif" border=0></A>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->