注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

莎乐美之吻—皓紫

莎乐美之吻,刹那的永恒

 
 
 

日志

 
 

专题大图的幻灯片特效1 [原]  

2005-08-01 14:24:13|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
专题大图的幻灯片特效
<!-- 可把下列代码加到专题大图区域内 -->
<SCRIPT language=JavaScript>
var isCSS    = false;
var isW3C    = false;
var isIE4    = false;
var isNN4    = false;
var isIE6    = false;
var isGecko   = false;
var isOpera   = false;
var isDHTML   = false;
var suppressMenus = false;

function autoconfig()
{
    if(document && document.images)
    {
        isCSS  = (document.body && document.body.style) ? true : false;
        isW3C  = (isCSS && document.getElementById) ? true : false;
        isIE4  = (isCSS && document.all && readIEVer() >= 4.0) ? true : false;
        isNN4  = (document.layers) ? true : false;
        isGecko  = (isCSS && navigator && navigator.product && navigator.product == "Gecko"
        isOpera  = (isCSS && navigator.userAgent.indexOf( "Opera" != -1 
  isIE6CSS = (document.compatMode && document.compatMode.indexOf("CSS1" >= 0) ? true : false;
  isIE6  = ( isIE6CSS && readIEVer() >= 6.0 
        isDHTML  = isCSS && ( isIE4 || isGecko || isOpera 
        
        if( suppressMenus || ( isOpera && readOperaVer() < 7  || ( isGecko && navigator.productSub <= 20011022  || ( isGecko && navigator.productSub == 20030107  
        {
   // Opera 6.x doesn't seem to like the DHTML...
   // Netscape 6.2 puts the menus in the wrong place...
   // Safari, the menus don't go away... problem in ResetMenu
   isDHTML = false;
        }
        
    }
    
    
}

function readIEVer()
{
 var agent = navigator.userAgent;
 var offset = agent.indexOf( "MSIE" 
 if( offset < 0 
 {
  return 0;
 }
 return parseFloat( agent.substring( offset + 5, agent.indexOf( ";", offset   
}

function montage( href, src, caption, width, animate 
{
 // this is the case for browsers that don't support filters...
 var cycle = Math.floor( Math.random() * href.length 
 // switch off animation if we're not on broadband
 var m_montage = ( typeof(animate) != "undefined" ? animate : hasBroadband() 
 
 if( m_montage == false || src.length <= 1 || !( isIE4 || isW3C  
 {
  montagePicker( href, src, caption, cycle 
  return;
 }
 
 // go build all of the nested DIVs out
 monIdx  = cycle;
 document.writeln( "<div id=\"container\" style=\"width:" + width +"px;height:112px\">" 
 for( i = 0; i < src.length; i++ 
 {
  // set up a placeholder
  document.writeln( "\t<div id=\"montage" + i + "\" style=\"display:none\">" 
  
  montagePicker( href, src, caption, i 
  document.writeln( "\t</div>" 
 }
 document.writeln( "</div>" 
 // pull the images out
 monBlock = new Array( src.length 
 monImg  = new Array( src.length 
 for( i = 0; i < src.length; i++ 
 {
  monBlock[i] = document.getElementById( "montage" + i .style;
  monImg[i] = document.getElementById( "monimg" + i 
  
  if( monImg[i] == null 
  {
   montagePicker( href, src, caption, i 
   return;
  }
 // alert( "foo" 
 }
 monContainer = document.getElementById("container"
 
 montageEffects();
}
function montageEffects()
{
 var nextImage = (monIdx + 1) % monImg.length;
 
 // run the transition
 if( readIEVer() >= 4.0 
 {
  monContainer.style.filter = "blendTrans(duration=1.5) revealTrans(duration=1.0,transition=7)";
 
  monContainer.filters(0).apply();
  monContainer.filters(1).apply();
  
   montageSelect( nextImage 
  
  monContainer.filters(0).play();
  monContainer.filters(1).play();
 }
 else
 {
  montageSelect( nextImage 
 }
 // asked to be called again a little later
 setTimeout( "montageSwap()", monTimeout 
}
function montageSelect( nextImage 
{
 //alert( monImg[monIdx].style.visibility 
 monBlock[monIdx].display = "none";
 monIdx = nextImage;
 monBlock[monIdx].display = "block";
}  
function montageSwap()
{
 if( monImg[monIdx].complete 
 {
  // move the image index along
  montageEffects();
 }
 else
 {
  // check again 3 seconds later
  setTimeout( "montageSwap()", 3000 
 }
}
function montagePicker( href, src, caption, cycle 
{
 if( href[cycle] != null  
 {
  document.writeln( "\t\t<A HREF=\"" + href[cycle] + "\"><IMG SRC=\"" + src[cycle] + "\" alt=\"" + caption[cycle] + "\" BORDER=\"0\" ID=\"monimg" + cycle + "\"></a>" 
 }
 else
 {
  document.writeln( "\t\t<IMG SRC=\"" + src[cycle] + "\" ID=\"monimg" + cycle + "\">" 
 }
}
function hasBroadband()
{
 if( readIEVer() < 5.0 
 {
  return false;
 }
 
 try
 {
  document.body.addBehavior ("#default#clientCaps"
 
  return ( typeof(document.body.connectionType) != "undefined" && document.body.connectionType == "lan" 
 }
 catch( e 
 {
  return false;
 }
}
</SCRIPT>
<!-- 下列代码中的monTimeout = 4000是图片的停留时间,数值可以修改;montage( urls, imgs, caps, 250 是幻灯片显示的宽度,数值可以修改,高度是图片的高度。 -->
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD width=122>
<SCRIPT language=JavaScript type=text/javascript>
autoconfig();
monTimeout = 4000;
var urls = new Array();
var imgs = new Array();
var caps = new Array();
urls[0] = "图片新闻链接一";
imgs[0] = "图片地址一";
caps[0] = "说明一";
urls[1] = "图片新闻链接二";
imgs[1] = "图片地址二";
caps[1] = "说明二";
urls[2] = "图片新闻链接三";
imgs[2] = "图片地址三";
caps[2] = "说明三";
urls[3] = "图片新闻链接四";
imgs[3] = "图片地址四";
caps[3] = "说明四";
urls[4] = "图片新闻链接五";
imgs[4] = "图片地址五";
caps[4] = "说明五";
montage( urls, imgs, caps, 250 
</SCRIPT>
</TD></TR>
</TBODY></TABLE>
  评论这张
 
阅读(45)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017