Version compl�te: jsB@nk » Image » Rotation » Diaporama en utilisant les "Fade" du filtre (IE)
URL: https://www.javascriptbank.com/image-using-fade-filter.html
Avec IE multimédia de filtres, sont un moyen facile et rapide d'ajouter des effets visuels intéressants au contenu de votre page. Vous avez besoin de IE5.5 + pour voir l'effet de transition, même si le diaporama lui-même fonctionne dans tous les navigateurs.
Version compl�te: jsB@nk » Image » Rotation » Diaporama en utilisant les "Fade" du filtre (IE)
URL: https://www.javascriptbank.com/image-using-fade-filter.html
<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-->
<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-->
<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-->