你好,游客 登录 注册 搜索
背景:
阅读新闻

幻灯显示图片新闻效果1(适用5.0之后iwms)

[日期:2005-09-14] 来源:iwms.net  作者:木鸟 [字体: ]

请将以下代码放入模板文件中显示图片新闻位置

默认转换方式为渐显,也可改为其它方式,代码中已有注释,转换方式参考http://msdn.microsoft.com/workshop/author/filter/filters.asp


<table class="thumbnail"><tr><td><a href="" title="" id="slideLink" target="_blank"><img src="" id="slideImg" style="display:none" border="0" width="<%=config.HeadlineImgWidth%>" height="<%=config.HeadlineImgHeight%>"/></a></td></tr></table>

<a href="" title="" id="slideTitle" target="_blank"></a>

<script type="text/javascript">

var imgArr = <%=ImgHeadline(5,"js",5,22,true,true)%>;

 

var slideIndex=0;

function playSlide()

{

if (slideIndex>=imgArr.length){

slideIndex = 0;

}

var img = document.getElementById("slideImg");

var link = document.getElementById("slideLink");

var title = document.getElementById("slideTitle");

img.style.filter = "blendTrans(Duration=3)";  // 渐显方式

// img.style.filter = "RevealTrans(Transation="+ parseInt(Math.random()*21+1) +")";  // 随机转换样式

if(navigator.appName != "Netscape"){

img.filters[0].apply();

}

img.src = imgArr[slideIndex][2];

link.href = imgArr[slideIndex][1];

link.title = imgArr[slideIndex][0];

if(navigator.appName != "Netscape"){

img.filters[0].play();

}

title.innerHTML = imgArr[slideIndex][0];

title.href = imgArr[slideIndex][1];

slideIndex++;

setTimeout("playSlide()",5000);

}

 

if (imgArr.length>0){

document.getElementById("slideImg").style.display="";

playSlide();

}

</script>

 

 

收藏 推荐 打印 | 录入:木鸟 | 阅读:
本文评论   查看全部评论 (22)
表情: 表情 姓名: 字数
点评:
       
评论声明
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款
第 22 楼
* jackylbcn 发表于 2007-11-16 19:43:22
原来图片位置的代码是不是用这替换?
---
是的
第 21 楼
* 风妖 发表于 2007-7-23 11:15:57
4.6上好象用不了。
第 20 楼
* ebio 发表于 2006-5-16 17:49:27
还是不能支持opera 9页面显示代码,不过已经很帮了,木鸟加油,支持!
第 19 楼
* ebio 发表于 2006-5-16 17:41:27
能支持firefox,但是标题的字数好像无法限制,http://ebio.wjszzx.cn
第 18 楼
* ebio 发表于 2006-5-12 13:25:25
也不支持Mozilla Firefox
热门评论
* ebio 发表于 2006-5-12 13:25:25
也不支持Mozilla Firefox
* jackylbcn 发表于 2007-11-16 19:43:22
原来图片位置的代码是不是用这替换?
---
是的
* 风妖 发表于 2007-7-23 11:15:57
4.6上好象用不了。
* ebio 发表于 2006-5-16 17:49:27
还是不能支持opera 9页面显示代码,不过已经很帮了,木鸟加油,支持!
* ebio 发表于 2006-5-16 17:41:27
能支持firefox,但是标题的字数好像无法限制,http://ebio.wjszzx.cn
* ebio 发表于 2006-5-12 10:59:04
还是不支持opera b9
* ebio 发表于 2006-4-17 10:19:56
好多浏览器无法显示,出现乱码!有没有规范些的代码。
* 千里独行 发表于 2006-4-5 9:34:57
整个网页只能有一处可以实现幻灯片效果,而且不能限止图片大小啊!
* YY 发表于 2006-3-18 0:45:24
图片标题字数无法定义怎么办啊
* DYC 发表于 2006-3-2 13:41:22
确实,木鸟兄,怎么一加幻灯,没有边框可以显示,郁闷,求助啊...