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

幻灯图片新闻效果2(8.8更新)

[日期:2007-08-08] 来源:  作者: [字体: ]

适用于iwms4.6及以后版本,已修正ie7及opera下问题

1,下载该文件解压到新闻根目录下

  http://www.iwms.net/down/js_flash.rar

2,在新闻模板中要显示幻灯的位置添加以下代码,其中ImgHeadline第一参数为显示图片数

<iframe id="fls_frm" src="about:blank" border="0" height="0" width="0" marginWidth="0" frameSpacing="0" marginHeight="0" frameBorder="0" scrolling="no"></iframe>
<script type="text/javascript">
var fls_width = <%=config.HeadlineImgWidth%>; // 图片宽
var fls_height = <%=config.HeadlineImgHeight%>; // 图片高
var fls_imgUrl = new Array();
var fls_imgLink = new Array();
var fls_imgText = new Array();
var fls_imgAlt = new Array();

if (fls_width==0 || fls_width<160){
 fls_width=200;
 fls_height=150
}
if (fls_height==0){
 fls_height=fls_width*3/4;
}

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

function playSlide()
{
for(var slideIndex=0; slideIndex<imgArr.length; slideIndex++){
fls_imgUrl[slideIndex+1] = imgArr[slideIndex][2];
fls_imgLink[slideIndex+1] = imgArr[slideIndex][1];
fls_imgText[slideIndex+1] = "<a href='"+ imgArr[slideIndex][1] +"' target='_blank'>"+ imgArr[slideIndex][0] +"</a>";
fls_imgAlt[slideIndex+1] = imgArr[slideIndex][0];
}
}

if (imgArr.length>0){
 var o_frm = document.getElementById("fls_frm");
 o_frm.height = fls_height;
 o_frm.width = fls_width;
 playSlide();
 if(navigator.appName == "Netscape"){
  o_frm.contentWindow.location.href="frm_flash.htm";
 }else{
  o_frm.src="frm_flash.htm";
 }
}
</script>


注意:此幻灯方式的图片显示比较大,请在系统设置中设置头条标题图片大小。
阅读:
录入:木鸟

推荐 】 【 打印
上一篇:论坛及其它站内容调用实现
下一篇:主流CMS数据转换iwms方法
相关新闻      
本文评论       全部评论
  请教:如何增加幻灯显示的效果?   (itboy ,2007-08-14 )
  参考以前那个,将转换方式改成了随机,老大,解决一下标题问题   (大王 ,2007-08-08 )
  解决一下,显示标题的的问题啊,看了这么久了,就没有解决的办法?   (大王 ,2007-08-08 )
  请教:如何增加幻灯显示的效果?   (jason ,2007-06-18 )
  请看看,如何才能多样显示,而且有标题?   (好IWMS ,2006-12-12 )
发表评论


点评: 字数
姓名:

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