Forum de discussion
Forum « Programmation Javascript » (archives)
filtre banniere rotative
Envoyé: 3 octobre 2005, 0h12 par bounounours
je voudrais changer le blendtrans pour afficher un autre effet de transition, mais j'ai pas réussi. En particulier les progid du genre : filter:progid:DXImageTransform.Microsoft.gradientWipe(duration=1)
je sais que j'abuse un peu, mais bon ça ne coute rien d'essayer.
merci pour le noscript qui marche tres bien pour afficher une image quand javascript est désactivé.
bonne journée
bounounours
<script type="text/javascript" language="javascript">
<!--
// Conception Django (Oznog) Blais
// Copyright © 2005 Trucsweb.com
// http://www.trucsweb.com
// Délais de la rotation
var nBanDelais = 10;
aBannieres = new Array();
// Bannières
aBannieres[0] = new twBanniere('http://www.trucsweb.com/','/images/image1.png','Titre 1');
aBannieres[2] = new twBanniere('http://www.google.com/','/images/image2.png','Titre 2');
aBannieres[2] = new twBanniere('http://www.w3c.org/','/images/image3.png','Titre 3');
// Ne pas modifier le code suivant
function twBanniere(_url,_src,_texte) {this.url=_url;this.src=_src;this.texte=_texte;}
function twRotation(){
nBanPos=(nBanPos<nBanMax-1)?nBanPos+1:0;
if (document.all){
document.images["twban"].style.filter="blendTrans(duration=2)";
document.images["twban"].style.filter="blendTrans(duration=CrossFadeDuration)";
document.images["twban"].filters.blendTrans.Apply();
}
document.images["twban"].src=aBannieres[nBanPos].src;
if (document.all) document.images["twban"].filters.blendTrans.Play();
oTimer = setTimeout('twRotation()',nBanDelais*1000);
}
var nBanPos = 0;
var oTimer;
var nBanMax = aBannieres.length;
// -->
</script>
2. À copier à l'endroit où s'affichera la rotation des bannières.
<script type="text/javascript" language="javascript">
<!--
document.write('<a href="javascript:document.location.href=aBannieres[nBanPos].url" onMouseOver="window.status=aBannieres[nBanPos].url; return true" onMouseOut="window.status=\'\';">');
document.write('<img src="/images/image1.png" alt="Chargement..." name="twban" border="0" onMouseOver="this.title=aBannieres[nBanPos].texte;"></a>');
twRotation();
// -->
</script>
Réponses
|