»
AnglaisFranaisVietnamien

Imprimer - Diaporama en utilisant les "Fade" du filtre (IE) - JavaScriptBank.com

Version complte: jsB@nk » Image » Rotation » Diaporama en utilisant les "Fade" du filtre (IE)
URL: http://www.javascriptbank.com/image-using-fade-filter.html

Diaporama en utilisant les 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 complte: jsB@nk » Image » Rotation » Diaporama en utilisant les "Fade" du filtre (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-->