轮播广告轮换_焦点图，为啥只能显示一张图片

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了轮播广告轮换_焦点图，为啥只能显示一张图片相关的知识，希望对你有一定的参考价值。

<script type="text/javascript">
<!--
var interval_time=2
var focus_width=968
var focus_height=243
var text_height=0
var text_align= 'center'
var swf_height = focus_height+text_height

var pics= '+images/01.jpg|/+images/02.jpg'
var links='/#|/#'
var texts='PPT2DVD|ppt2flash pro|Dvd Ripper Platinum|Movie Story'
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
document.write('<param name="movie" value="focus2.swf"><param name="quality" value="high"><param name="bgcolor" value="#ffffff">');
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+'&text_align='+text_align+'&interval_time='+interval_time+'">');
document.write('<embed src="focus2.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'&text_align='+text_align+'&interval_time='+interval_time+'" menu="false" bgcolor="#ffffff" quality="high" width="'+ focus_width +'" height="'+ swf_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write('</object>');
-->
</script>

最大的问题是ie不兼容 或者flash不对
var pics= '+images/01.jpg|/+images/02.jpg'
应该为var pics= 'images/01.jpg|/images/02.jpg'
我不知道加号的意思是什么
你看看我的网站的图片轮换代码
www.dapengpeng.cn 参考技术A var pics= 'images/01.jpg|/images/02.jpg|/images/03.jpg'

使用css做轮播效果为啥最后一张图片显示不出来

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#container
width: 400px;
height: 300px;
overflow: hid\den;


#photo
width: 1200px;
animation: switch 5s ease-out infinite;


#photo > img
float: left;
width: 400px;
height: 300px;


@keyframes switch
0%, 25%
margin-left: 0;

35%, 60%
margin-left: -400px;

70%, 100%
margin-left: -800px;



</style>
</head>

<body>
<div id="container">
<div id="photo">
<img src="file:///C:/Users/ASUS/Desktop/%E5%B0%8F%E7%B1%B3%E5%AE%98%E7%BD%91/imgrs/%E7%94%B5%E8%A7%86.jpg">
<img src="file:///C:/Users/ASUS/Desktop/%E5%B0%8F%E7%B1%B3%E5%AE%98%E7%BD%91/imgrs/%E5%B9%B4%E8%B4%A7%E8%8A%82.jpg"/>
<img src="file:///C:/Users/ASUS/Desktop/%E5%B0%8F%E7%B1%B3%E5%AE%98%E7%BD%91/imgrs/%E6%89%8B%E6%9C%BA.jpg" />
</div>
</div>
</body>
</html>
.

使用css做轮播效果最后一张图片显示不出来，首先先再次仔细确认一下地址是否有误，看上去没错也可以重新把正确的地址替换一下试试，另外，因为你的图片还是在本地测试阶段，可以清除一下浏览器的历史数据试试，再就是写代码的时候尽量养成严谨一点的习惯，比如图一代码就少了一个收尾的“/”，虽然能兼容，但是方方面面都能做好小问题就自然少些。 参考技术A 你这个做的没有问题。路径填写错了了而已。把这3图放在同一个index同级上。src直接写xxx1.jpg就行了 参考技术B ￣ ￣)σ跳预言家可以了谢谢谢谢老板在干嘛？我们可以做朋友吧嗯我知道你是怎么想的那样的人都这样说自己做的怎么样的那个东西吃东西都收拾收拾完的那个位置我。 参考技术C 困告困告故事一点感觉就像可以独立反应快发货联系点大要开心哦一下就脸红出来多多度可以的没好处理理发客人一幅幅福利减肥可以解决的很抗拒路费打个麻将几个上课回家路上开车这个么会更何况付款分开行樱木花道衣服开车就要出门发酒疯都可以

以上是关于轮播广告轮换_焦点图，为啥只能显示一张图片的主要内容，如果未能解决你的问题，请参考以下文章

8种效果实例-jQuery anoSlide 焦点图轮播

网页轮播图

网页设计中如何添加焦点切换轮播图呢

如何用jquery实现焦点图上下轮播（仅仅用图片不要缩略图）， 带上下箭头？

案例：网页轮播图

案例：网页轮播图