图片游览的原理

发布时间:2024-05-19 00:15 发布:上海旅游网

问题描述:

我们经常在网站主页上看到一幅主图片,右下角是1,2,3,4,5。你点击其中一个数就显示第几副图。如果你不点击,它就依次自动游览。请问这是怎样制作的?我知道是js控制,每隔段时间跳转一幅图。那个1,2,3,4,5又是怎样弄上去的呢?

问题解答:

给你段代码参考一下:

<div id="flash">
<div id="flashcontent"></div>

<script type="text/javascript">
// <![CDATA[
var sinaFlash2 = new sinaFlash("http://i0.sinaimg.cn/ty/nba/include/focus.swf", "demo", "382", "260", "7", "#ffffff");
sinaFlash2.addParam("quality", "best");
sinaFlash2.addParam("wmode", "transparent");
//此处添加图片地址,用“|”分割。
sinaFlash2.addVariable("picaddress", "http://i1.sinaimg.cn/ty/nba/U687P6T403D1F8707DT20090403115420.jpg#骑士101-109奇才#http://sports.sina.com.cn/nba/photo/74916/|http://i0.sinaimg.cn/ty/nba/U687P6T403D1F8709DT20090403124506.jpg#爵士104-114掘金#http://sports.sina.com.cn/nba/photo/74918/|http://i0.sinaimg.cn/ty/nba/U687P6T403D1F8708DT20090403100055.jpg#雄鹿95-105负76人#http://sports.sina.com.cn/nba/photo/74915/|http://i2.sinaimg.cn/ty/nba/U339P6T403D1F13128DT20090402124726.jpg#科比博客:给高考生支招#http://blog.sina.com.cn/s/blog_5b072a050100cftk.html?tj=1");

//此处添加图片内容文本颜色:
sinaFlash2.addVariable("speed", "3000");
sinaFlash2.write("flashcontent");
// ]]>
</script>
</div>

热点新闻