Question

恳求一个图片展示代码(幻灯片形式) [ASP+JS]

恳求一个图片展示代码(幻灯片形式) [ASP+JS]

·要求如题。

·详细如下：
1、在 imgshow[n] 文本数组变量里，记录着n个图片的地址。
2、图片展示：默认显示 imgshow[0] 的图片。
3、下方显示这n个图片候选，任意单击某一个图片，即时在上方[即图片展示区]显示该图片。
一楼的[阳光上的桥]的回答很好,谢谢你!

以下是我的ASP查询语句（已经调试正确），如何与你的幻灯展示代码衔接？
其中图片的地址都保存在数组 imgurl(i) 里。

帮忙一下，加你100分，当然如果没时间那就算了，依然感谢！
<%
set conn=server.createobject("adodb.connection")
conn.open "driver={microsoft access driver (*.mdb)};dbq="&server.mappath("/sc/dates.mdb")
set rs=server.createobject("adodb.recordset")
sql="select * from soft_down where softname like '天'"
rs.open sql,conn,1,1

dim imgname(),imgurl()
redim imgname(rs.recordcount)
redim imgurl(rs.recordcount)
for i=1 to rs.recordcount
imgname(i)=rs("softname")
imgurl(i)=rs("softtext")

rs.movenext
next
rs.close

%>

Answer 1

以下代码调试通过，能够正取运行，至少在我的IE7下保证没有任何问题：
<script language="JavaScript">
var imgshow=['PIC_0849.jpg','PIC_1833.jpg','PIC_2085.jpg','PIC_5922.jpg'];
document.write('<p><img id=xxx src="'+imgshow[0]+'"></p>');
for (i in imgshow) document.write('<img src="'+imgshow[i]+'" width=100 onclick="xxx.src=\''+imgshow[i]+'\';">');
</script>

补充：

你的ASP把图片存入了两个数组里面：
dim imgname(),imgurl()

现在把这数组imgurl()的内容转换为JAVASCRIPT的数组定义形式：
imgurl_str=join(imgurl,"','")

你知道现在imgurl_str的内容是什么吗，不明白的话，可以response.write看看，其内容是这样的：
a.gif','b.gif','c.gif

这样，现在就可以提交给JS了，方法是把我给你的JS语句中下面这句：
var imgshow=['PIC_0849.jpg','PIC_1833.jpg','PIC_2085.jpg','PIC_5922.jpg'];
修改为：
var imgshow=['<%=imgurl_str%>'];

Answer 2

看看下面这页的效果是否满意.(慢了点,耐心等会)
http://labs.adobe.com/technologies/spry/demos/gallery/index.html
还有很多其它效果....

如果你满意并且你用的是Adobe Dreamweaver CS3或CS4的话,Adobe Spry 1.6.1免费插件很值得你一试.

到下面的地址下载:Adobe Dreamweaver CS3 Spry 1.6.1插件

http://www.adobe-dreamweaver.cn/News/246.html

最重要,这些是Ajax插件,是在不刷新页面的基础上作出的效果.

Answer 3

http://bbs.51js.com/viewthread.php?tid=83230
试试这个吧
或许就是你要的