»
EnglishFrenchVietnamese

Print - Slideshow using the 'Fade' filter(IE) - JavaScriptBank.com

Full version: jsB@nk » Image » Rotation » Slideshow using the 'Fade' filter(IE)
URL: http://www.javascriptbank.com/image-using-fade-filter.html

Slideshow using the 'Fade' filter(IE) © JavaScriptBank.comWith 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.

Full version: jsB@nk » Image » Rotation » Slideshow using the 'Fade' filter(IE)
URL: http://www.javascriptbank.com/image-using-fade-filter.html



CSS
<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-->


JavaScript
<script type="text/javascript">var slidespeed=2000var 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=0var whichimage=0var imgobj, filtersupport, blenddelayvar imageholder=new Array()for (i=0;i<slideimages.length;i++){ //preload imagesimageholder[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].srcif (filtersupport)imgobj.filters[0].play()whichlink=whichimagewhichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0setTimeout("slideit()", slidespeed+blenddelay)}window.onload=function(){imgobj=document.getElementById("slideshow") //access img objfiltersupport=imgobj.filters //check for support for filtersblenddelay=(filtersupport)? imgobj.filters[0].duration*1000 : 0slideit()}</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<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-->