哪位高手能否帮我做一个图片集旋转显示的效果..有图示....万分感谢.. 本帖最后由 xnfriday 于 2010-02-14 16:02:38 编辑 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 要用到JS,不过flash会方便一些,随便去网上找找源码吧。什么懒人图库什么的,应该能找到。 既然是asp.net,建议用jquery的相册插件。http://www.codeproject.com/KB/scripting/ 里面有无数,你找和放映slideshow、相册album、移动marquee有关的jquery的东东就好了。简单一点的就是在aspx上scriptmanager.registstartupscript(this,this,gettype(),yourscript,true),其中yourscript就是每个图片一句"<img src='img/"+ds[i][1]+"' title='"+dt[i][2]+"' onclick='showbigimg("+dt[i][0]+")' width='80px' height='80px' />"串联起来,这个dt就是绑定的数据库表了。前面再加上"document.getElementById('slideshowDiv').innerHTML=\"",后面加上"\";"。 <html xmlns="http://www.w3.org/1999/xhtml"><head> <title>test</title> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> window.onload=(function(){ $("img:gt(3)").hide(); $("button:first").click(function(){ $("img:visible:last").hide(); $("img:hidden:last").insertBefore($("img:visible:first")); $("img:hidden:first").show(); }); $("button:last").click(function(){ $("img:visible:first").hide(); $("img:hidden:first").insertAfter($("img:hidden:last")); $("img:hidden:first").show(); }); }); </script> <style type="text/css"> div {position:absolute;background:#EEE;width:230px;} img {width:40px;height:40px;} </style></head><body><div><button><</button><img src="#" alt=1></img><img src="#" alt=2></img><img src="#" alt=3></img><img src="#" alt=4></img><img src="#" alt=5></img><img src="#" alt=6></img><img src="#" alt=7></img><img src="#" alt=8></img><button>></button></div> </body></html> <html xmlns="http://www.w3.org/1999/xhtml"><head> <title>test</title> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> window.onload=(function(){ $("img:gt(3)").hide(); $("button:first").click(function(){ $("img:visible:last").hide(); $("img:hidden:last").insertBefore($("img:visible:first")); $("img:hidden:first").show(); }); $("button:last").click(function(){ $("img:visible:first").hide(); $("img:hidden:first").insertAfter($("img:hidden:last")); $("img:hidden:first").show(); }); }); </script> <style type="text/css"> div {position:absolute;background:#EEE;width:200px;} span {width:84%;} img {width:25%;} button {width:8%;height:100%;} </style></head><body><div><button><</button><span><img src="#" alt=1></img><img src="#" alt=2></img><img src="#" alt=3></img><img src="#" alt=4></img><img src="#" alt=5></img><img src="#" alt=6></img><img src="#" alt=7></img><img src="#" alt=8></img></span><button>></button></div></body></html> 有很多实例可以下载哦,楼的可以试试,只需要把jpg从库里读出来哦,这个自己写啦! 这样的效果 JQUERY插件外面多了去高手也不能帮你白做啊你是研究代码就去搜索源代码 你要商业运作就出钱找人做 JS结合Ajax获取function的返回值,求教!!!! 如何实现【点击A标签使其改变颜色】 javascript调用google地图 符号$在js脚本中表示什么含义 js中fso读取文本文件的问题 求教!如果用window.open()跳出一个页面,怎么才可以实现,只有关闭这个跳出窗口时,才可以点击后面的父窗口? 关于自定义对象类型的实例化问题. 有缺陷的菜单,请帮我解决 关闭弹出窗口,怎么刷新父窗口? 一个javascrit的问题 *********隐藏弹出窗口菜单栏和地址栏******** 给大家拜年。并请教一个小问题。
"<img src='img/"+ds[i][1]+"' title='"+dt[i][2]+"' onclick='showbigimg("+dt[i][0]+")' width='80px' height='80px' />"串联起来,这个dt就是绑定的数据库表了。前面再加上"document.getElementById('slideshowDiv').innerHTML=\"",后面加上"\";"。
<head>
<title>test</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
window.onload=(function(){
$("img:gt(3)").hide();
$("button:first").click(function(){
$("img:visible:last").hide();
$("img:hidden:last").insertBefore($("img:visible:first"));
$("img:hidden:first").show();
});
$("button:last").click(function(){
$("img:visible:first").hide();
$("img:hidden:first").insertAfter($("img:hidden:last"));
$("img:hidden:first").show();
});
});
</script>
<style type="text/css">
div {position:absolute;background:#EEE;width:230px;}
img {width:40px;height:40px;}
</style>
</head>
<body>
<div><button><</button>
<img src="#" alt=1></img>
<img src="#" alt=2></img>
<img src="#" alt=3></img>
<img src="#" alt=4></img>
<img src="#" alt=5></img>
<img src="#" alt=6></img>
<img src="#" alt=7></img>
<img src="#" alt=8></img>
<button>></button></div>
</body>
</html>
<head>
<title>test</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
window.onload=(function(){
$("img:gt(3)").hide();
$("button:first").click(function(){
$("img:visible:last").hide();
$("img:hidden:last").insertBefore($("img:visible:first"));
$("img:hidden:first").show();
});
$("button:last").click(function(){
$("img:visible:first").hide();
$("img:hidden:first").insertAfter($("img:hidden:last"));
$("img:hidden:first").show();
});
});
</script>
<style type="text/css">
div {position:absolute;background:#EEE;width:200px;}
span {width:84%;}
img {width:25%;}
button {width:8%;height:100%;}
</style>
</head>
<body>
<div><button><</button><span>
<img src="#" alt=1></img><img src="#" alt=2></img><img src="#" alt=3></img><img src="#" alt=4></img><img src="#" alt=5></img><img src="#" alt=6></img><img src="#" alt=7></img><img src="#" alt=8></img>
</span><button>></button></div>
</body>
</html>
高手也不能帮你白做啊
你是研究代码就去搜索源代码 你要商业运作就出钱找人做