不错的JS图片渐变效果

不错的JS图片渐变效果:

本效果只支持IE, 在FIRFOX下面看不到渐变效果, 但是可以看到图片跳动变换的效果.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<title>无标题文档</title>
<script>
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000;

// Duration of crossfade (seconds)
var crossFadeDuration = 3;

// Specify the image files

var Pic = new Array(); // don’t touch this
var PicUrl = new Array(); // don’t touch this

var PicCaption = new Array(); // don’t touch this

Pic[0] = ‘userfiles/img2.jpg’;
Pic[1] = ‘../images/img3.jpg’;
Pic[2] = ‘../images/img4.jpg’;

PicUrl[0] = ‘#’;
PicUrl[1] = ‘#’;

var PageNav=’#’;

// =======================================
// do not edit anything below this line
// =======================================

var m_intTimeOut;
var j = 0;
var m_intArrayLen = Pic.length;

var preLoad = new Array();
for (i = 0; i < m_intArrayLen; i++)
{
preLoad[i] = new Image();
preLoad[i].src = Pic[i]
}

function runSlideShow(){
   if (document.all){
      document.images.SlideShow.style.filter=”blendTrans(duration=2)”;
      document.images.SlideShow.style.filter=”blendTrans(duration=crossFadeDuration)”;
      document.images.SlideShow.filters.blendTrans.Apply();
   }
   document.images.SlideShow.src = preLoad[j].src;
PageNav=PicUrl[j];

   if (document.all){
      document.images.SlideShow.filters.blendTrans.Play();
   }
   j = j + 1;
   if (j > (m_intArrayLen-1)) j=0
   m_intTimeOut = setTimeout(‘runSlideShow()’, slideShowSpeed);
}

function pg_nav()
{
window.location.href=PageNav;
}
</script>
</head>

相关文章