您的位置：程序门 -> web 开发 -> javascript

滚动显示图片的问题,从数据库中动态加载图片路径,.net框架内,比较复杂

[收藏此页] [打印本页]选择字色：背景色：字体：[大][中][小]

滚动显示图片的问题,从数据库中动态加载图片路径,.net框架内,比较复杂[已结贴,结贴人:babywywy]

发表于：2007-08-16 17:14:54 楼主

我在开发网站的时候想实现一个滚动显示图片的功能,用的是vs2003,代码如下:
<table height= "150 " cellspacing= "0 " cellpadding= "0 " width= "100% " bgcolor= "#ffffff " border= "0 ">
<tr>
<td valign= "top "> <asp:datalist id= "drecomeart " borderwidth= "0px " gridlines= "horizontal " repeatdirection= "horizontal "
width= "1937px " runat= "server ">
<alternatingitemstyle horizontalalign= "center "> </alternatingitemstyle>
<itemstyle horizontalalign= "center "> </itemstyle>
<itemtemplate>
<div id= "demos " style= "width: 398; height: 194px " runat= "server ">
<table border= "0 ">
<tr>
<td id= "demos1 " valign= "top ">
<table runat= "server " bordercolor= "#ffffff " cellspacing= "0 " cellpadding= "0 " border= "0 ">
<tr>
<td align= "center " width= "140 ">
<a href= ' <%# databinder.eval （container.dataitem, "arturl ") %> '> <img src= ' <%# databinder.eval （container.dataitem, "imageurl ") %> ' class= "index_border01 " onload= "return imgzoom（this) "> </a>
</td>
</tr>
</table>
</td>
<td width= "3 " id= "demos2 ">   </td>
<script>
var speed12=20
demos2.innerhtml=demos1.innerhtml
function marquee12（){
if（demos2.offsetwidth-demos.scrollleft <=0)
demos.scrollleft-=demos1.offsetwidth

else{
demos.scrollleft++
}
}
var mymar12=setinterval（marquee12,speed12)
demos.onmouseover=function（) {clearinterval（mymar12)}
demos.onmouseout=function（) {mymar12=setinterval（marquee12,speed12)}
</script>
</tr>
</table>
</div>
</itemtemplate>
</asp:datalist> </td>
</tr>
</table>

结果不是我想要的图片横向滚动,而是图片一字排开,而且datalist拉的老长,直接影响美观.......
请教各位问题出在哪!图片的路径要从数据库里动态加载的,估计这是最麻烦的地方!

发表于：2007-08-16 18:33:371楼得分:0

写法错了

发表于：2007-08-16 18:49:542楼得分:0

算法

发表于：2007-08-16 20:12:563楼得分:0

楼上的两为能提示下哪里错了吗？

发表于：2007-08-17 09:02:404楼得分:0

先不要考虑数据库,就本地一组图片看能不能滚动,如果行在考虑其他,中间也就创建一个数组的区别

发表于：2007-08-17 09:55:045楼得分:100

给你我写的一个，把内容部分替换为你的图片内容就ok


<div id= "demoz " style= "overflow:hidden;width:700px; ">
<table border= "0 " cellpadding= "0 " cellspacing= "0 ">
<tr>
<td id= "demo1z " valign= "top ">
<div style= "width:760px;text-align:right; ">


<a href= "http://www.mychinamap.net/other/jm/left.jsp ">
<font color=#ff3300>   <img height=64 src= "1.files/5.gif " width=64 align=absmiddle
border=0>  gps车辆管理、gps-one手机定位系统诚邀加盟！ </font> </a>


</div>
</td>
<td id= "demo2z " valign= "top "> </td>
</tr>
</table>
</div>
<script>
var speedz=50;//这里设置滚动速度哈~
demo2z.innerhtml=demo1z.innerhtml
function marqueez（){
if（demo2z.offsetwidth-demoz.scrollleft <=0)
demoz.scrollleft-=demo1z.offsetwidth
else{
demoz.scrollleft++
}
}
var mymarz=setinterval（marqueez,speedz)
demoz.onmouseover=function（) {clearinterval（mymarz)}
demoz.onmouseout=function（) {mymarz=setinterval（marqueez,speedz)}
</script>

发表于：2007-08-17 12:13:386楼得分:0

谢谢楼上几位的提醒，我再去试试

发表于：2007-08-18 17:09:257楼得分:0

谢谢shuangbaby，已经可以实现功能，结帖给分。

发表于：2007-08-18 17:12:318楼得分:0

http://community.csdn.net/expert/topic/5713/5713425.xml?temp=.2465784 在这里还有个相同的问题，有兴趣的可以去拿分！

下一篇：用javascript分析读取svg/xml格式的内容
上一篇：送分求助，javascript初学者的习题解答

其他资讯