首页 >> 下载中心 >> Flash素材 >> 两个Flash焦点图片切换代码(新浪风格)下载(2)

两个Flash焦点图片切换代码(新浪风格)下载(2)

作者:天空诚 来源:中国Asp之家 时间:2007-8-9 网友评论条 【

比如说这里我使用了第一种的风格,全部js代码例子如下:

<script type="text/javascript">
imgUrl1="images/01.jpg";
imgtext1="蔬菜广告创意01"
imgLink1=escape("http://www.aspxhome.com");
imgUrl2="images/02.jpg";
imgtext2="蔬菜广告创意02"
imgLink2=escape("http://www.aspxhome.com");
imgUrl3="images/03.jpg";
imgtext3="蔬菜广告创意03"
imgLink3=escape("http://www.aspxhome.com");
imgUrl4="images/04.jpg";
imgtext4="蔬菜广告创意04"
imgLink4=escape("http://www.aspxhome.com");
imgUrl5="images/05.jpg";
imgtext5="蔬菜广告创意05"
imgLink5=escape("http://www.aspxhome.com");

 var focus_width=240
 var focus_height=200
 var text_height=18
 var swf_height = focus_height+text_height
 
 var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3+"|"+imgUrl4+"|"+imgUrl5
 var links=imgLink1+"|"+imgLink2+"|"+imgLink3+"|"+imgLink4+"|"+imgLink5
 var texts=imgtext1+"|"+imgtext2+"|"+imgtext3+"|"+imgtext4+"|"+imgtext5
 
 document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
 document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="focus1.swf"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">');
 document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
 document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');
 document.write('</object>');
 </script>

当你要放到你自己的网站时,先下载上面的代码压缩包,其中复制focus1.swf这个flash文件到你网站中,假设你就放在网站的flash文件夹目录下,那么上面代码中的:

<param name="movie" value="focus1.swf">

就要改为

<param name="movie" value="/flash/focus1.swf">

接着复制上面的全部js代码:到你的网页中,如果你的网页只是htm静态页面,那么你就直接修改上面的图片地址,链接地址,和显示的文字就可以了:

imgUrl1="这里改为你的图片地址";
imgtext1="这里改为这个图片对应的文字"
imgLink1=escape("这里改为图片对应的超级链接页面");
imgUrl2="images/02.jpg";
imgtext2="蔬菜广告创意02"
imgLink2=escape(http://www.aspxhome.com);
....

注意图片地址只能是.jpg格式。其它不行,不会显示,只显示空白。

如果你的这些设置是从数据库中读取的,你可以这么写asp代码:

假设你要从你的文章系统中自动读取最新的图文推荐的5篇文章显示在这个flash轮播中,那么首先你的文章系统要有一个文章图片地址的字段来存放图片路径,用来在flash中显示的,这个图片的格式和大小最好用photoshp设计好,保存为jpg格式。然后填上图片地址,这里的imgtext就是你文章的标题,而imgLink就是文章访问的超级链接地址了。

asp程序要解决的就是动态显示上面的imgUrl1、imgtext1、imgLink1 等,1本事第一副图,当然最多可以显示5张图片。

asp例子如下,其它代码省略:

<script type="text/javascript">
<%
set rs=server.CreateObject("adodb.recordset") 
sql="select top 5 ID,title,image from news where order by id desc"
rs.open sql,conn,1,1   
  j=1
  focuspic=""
  focuslink=""
  focustext="" 
while not rs.eof  
   focuspic=focuspic&"imgUrl"&j&"='"&rs("image")&"';"  '读取图片地址
   focuslink=focuslink&"imgLink"&j&"='show.asp?id="&rs("id")&"';" '设置链接
   focustext=focustext&"imgtext"&j&"='"&rs("title")&"';" '读取标题
   rs.movenext
   j=j+1
wend 
  response.write focuspic&focuslink&focustext
  rs.close
  set rs=nothing
%>
 var focus_width=240
 var focus_height=200
 var text_height=18
 var swf_height = focus_height+text_height
 
 var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3+"|"+imgUrl4+"|"+imgUrl5
 var links=imgLink1+"|"+imgLink2+"|"+imgLink3+"|"+imgLink4+"|"+imgLink5
 var texts=imgtext1+"|"+imgtext2+"|"+imgtext3+"|"+imgtext4+"|"+imgtext5
 
 document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
 document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="focus1.swf"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">');
 document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
 document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');
 document.write('</object>');
 </script>

希望能对大家有帮助,还有什么不明白欢迎留言!

 

站长工具
Google 相关搜索查询:
相关文章
loading 请稍等,评论加载中...

学习Asp到中国Asp之家(Aspxhome.com)

闽ICP备06017341号