在蓝色看到一贴js+AS做的加载图片进度条,效果很不错，
正好最近帮朋友做个主页画册，所以想把它跟discuz官网里面用的那种lightbox图片展示效果结合起来,
就是图片先显示加载进度条，下载100%完成后再用lightbox来展示；
请哪位java高手动手弄一下?我对javascript不熟的说...这是蓝色上的一个帖子：
http://bbs.blueidea.com/thread-2924080-1-1.html //JS+AS实现真正页面加载图片进度条(带百分比) 这是lightbox的一个效果案例（点击文章里面的图片可以显示效果）：
http://www.discuz.net/thread-897809-1-1.html
另外我将两个例子提取出来了放下面，方便大家使用；
js+as进度条+light图片展示：
http://yanqihu.net/download/JsAs_loading+Lightbox.rar
正好最近帮朋友做个主页画册，所以想把它跟discuz官网里面用的那种lightbox图片展示效果结合起来,
就是图片先显示加载进度条，下载100%完成后再用lightbox来展示；
请哪位java高手动手弄一下?我对javascript不熟的说...这是蓝色上的一个帖子：
http://bbs.blueidea.com/thread-2924080-1-1.html //JS+AS实现真正页面加载图片进度条(带百分比) 这是lightbox的一个效果案例（点击文章里面的图片可以显示效果）：
http://www.discuz.net/thread-897809-1-1.html
另外我将两个例子提取出来了放下面，方便大家使用；
js+as进度条+light图片展示：
http://yanqihu.net/download/JsAs_loading+Lightbox.rar
这个图片加载进度案例是结合flash的as来实现的，有百分比，非常的精准；而不是一个简单转动的gif图片；而且这个图片展示效果也不是我想要的，
lightbox图片展示效果是可以移动的和缩放的，对客户浏览大图片非常有用：
真希望哪位javascripg高手能把两个效果结合起来；js+as进度加载图片效果演示：
http://www.yanqihu.net/demo/loadimg/load.htmllightbox图片展示效果演示：
http://www.yanqihu.net/demo/lightbox/lightbox.html两个案例源文件下载:
http://yanqihu.net/download/JsAs_loading+Lightbox.rar
http://www.yanqihu.net/demo/lightbox/lightbox.html 呵呵，你自己测试过没？？这个根本就出错
哪来的lightbox图片展示效果再lightbox基础上加进度条效果其实很简单的
因为lightbox本身就有一个加载的动画，把加载的动画替换成进度条的调用程序即可
你看一下这个，看看是不是有一个加载图片的动画，那个只要一换成进度条的调用程序就OK了
if(c <= 5) {
setTimeout('zoomST(' + c + ')', 1000);
}
明显在这里可以做一个进度条的东西
你的JS里不是有function zoomST(c)函数里面的
if(c<=5) {
setTimeout('zoomST(' + c + ')', 1000);
return;
} else {
吗？
改成
var img = new Image();
img.src = "http://www.blueidea.com/articleimg/2006/08/3904/images/image-2.jpg";
if(!img.width) {
//if(c<=5) {
setTimeout('zoomST(' + c + ')', 1000);
$('zoomimglayer').innerHTML ='<div class="zoominner">'+c+'</div>';
return;
} else {
就可以有一个过程了啊
你要是想进度条的就把
if(!img.width) {
//if(c<=5) {
setTimeout('zoomST(' + c + ')', 1000);
$('zoomimglayer').innerHTML ='<div class="zoominner">'+c+'</div>';
return;
}
改为你进度条的即可啊
<div class="zoominner">'+c+'</div>这个在图片没有加载完之前一直显示的他，进度条也是一个道理
不过你要注意了lightbox定义了$方法，和jq的$有冲突。。而且你的那个lightbox的背景取值也不得
//加载完毕后回调函数----回调参数说明:url-传回图片地址值,picDiv-传回所加载图片DIV的ID,w-传回的图片原始宽度,h-传回的图片原始高度
function picCallBack(url,picDiv,w,h){
//$(picDiv).innerHTML=" 图片高宽象素为:"+w+"*"+h+"<img src='"+url+"' alt=''/>";
zoom($('loadBtn_1'),url);//这个改为调用lightbox的zoom方法
}
这个地址是可以显示的，而且才是我想要的lightbox效果，跟http://www.blueidea.com/articleimg/2006/08/3904/lightbox.html
这个是不同的，它可以移动和缩放；既然大家有想法思路，有没有制作成功实现了的啊？我对javascript真的不懂操作，望把完整代码贴上来，谢谢了啊...
再把值也就是图片的url地址赋给lightbox的zoom，但是不知道怎么写啊？