背景:#EDF0F5 #FAFBE6 #FFF2E2 #FDE6E0 #F3FFE1 #DAFAF3 #EAEAEF 默认  
阅读新闻

幻灯显示图片新闻效果1(5.16,已兼容netscape)

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

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

其中ImgTop函数参数可自己修改,也可用头条图片新闻显示ImgHeadLine

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

如要显示头条图片新闻将
ImgTopList(0,3,3,"right",false,false,true,26)
改为
ImgHeadline(3,"verticle",200,true,26)

其中26为标题长度,3为新闻数

<table class="thumbnail"><tr><td><a href="" title="" id="slideLink" target="_blank"><img src="" id="slideImg" style="display:none" border="0"/></a></td></tr></table>
<script type="text/javascript">
var imgHtml = "<%=ImgTopList(0,3,3,"right",false,false,true,26).Replace("\"","\\\"").Replace("</","< /").Replace("\r\n","")%>";
var imgArr = imgHtml.match(/WriteThumb\("(.+?)","(.+?)","(.+?)"/gi);

for(i=0; i<imgArr.length; i++){
var re = new RegExp('"(.+?)","(.+?)","(.+?)"',"ig");
var arr = re.exec(imgArr[i]);
imgArr[i] = new Array(arr[1],arr[2],arr[3]);
}

var slideIndex=0;
function playSlide()
{
if (slideIndex>=imgArr.length){
 slideIndex = 0;
}
var img = document.getElementById("slideImg");
var link = document.getElementById("slideLink");
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][0];
link.href = imgArr[slideIndex][1];
link.title = imgArr[slideIndex][2];
if(navigator.appName != "Netscape"){
 img.filters[0].play();
}
slideIndex++;
setTimeout("playSlide()",5000);
}

if (imgArr.length>0){
document.getElementById("slideImg").style.display="";
playSlide();
}
</script>

如果要显示标题请使用下边代码,如果要居中请将代码放<center>...</center>中

<table class="thumbnail"><tr><td><a href="" title="" id="slideLink" target="_blank"><img src="" id="slideImg" style="display:none" border="0"/></a></td></tr></table>
<a href="" title="" id="slideTitle" target="_blank"></a>
<script type="text/javascript">
var imgHtml = "<%=ImgTopList(0,3,3,"right",false,false,true,26).Replace("\"","\\\"").Replace("</","< /").Replace("\r\n","")%>";
imgArr = imgHtml.match(/WriteThumb\("(.+?)","(.+?)",.+?>([^<>]+?)<\s?\/a>/gi);

for(i=0; i<imgArr.length; i++){
var re = new RegExp('"(.+?)","(.+?)","(.+?)"',"ig");
var arr = re.exec(imgArr[i]);
imgArr[i] = new Array(arr[1],arr[2],arr[3]);
}

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][0];
link.href = imgArr[slideIndex][1];
link.title = imgArr[slideIndex][2];
if(navigator.appName != "Netscape"){
img.filters[0].play();
}
title.innerHTML = imgArr[slideIndex][2];
title.href = imgArr[slideIndex][1];
slideIndex++;
setTimeout("playSlide()",5000);
}

if (imgArr.length>0){
document.getElementById("slideImg").style.display="";
playSlide();
}
</script>

 

阅读:
录入:木鸟

推荐 】 【 打印
上一篇:关于access出现数据库错误的说明及解决!
下一篇:如何修改投票和查看投票按钮
相关新闻      
本文评论       全部评论
  原来图片位置的代码是不是用这替换? --- 是的   (jackylbcn ,2007-11-16 )
  4.6上好象用不了。   (风妖 ,2007-07-23 )
  还是不能支持opera 9页面显示代码,不过已经很帮了,木鸟加油,支持!   (ebio ,2006-05-16 )
  能支持firefox,但是标题的字数好像无法限制,http://ebio.wjszzx.cn   (ebio ,2006-05-16 )
  也不支持Mozilla Firefox   (ebio ,2006-05-12 )
发表评论


点评: 字数
姓名:

  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款