建議你可以參考一下jquery.lazyload插件的實(shí)現(xiàn)原理。
專注于為中小企業(yè)提供成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)海城免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動(dòng)了數(shù)千家企業(yè)的穩(wěn)健成長(zhǎng),幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
它的目的是控制圖片根據(jù)當(dāng)前頁(yè)面滾動(dòng)條的位置進(jìn)行加載的。
大概代碼是:
$(function(){
$('.k1 img').bind('load', function(){
$(self).hide().attr('src', '用以替換的圖片地址');
self.loaded = true;
});
});
這只是在圖片載入之前,替換掉原有圖片地址,用以阻止實(shí)際圖片的載入;
$("#imgShow")
然后突然發(fā)現(xiàn)你的id引用忘記加#號(hào)了~
另外jquery一般這樣設(shè)置
$("#id").css("display","none");
$("#btnLoadPhoto").upload({ url: "../UploadForms/RequestUpload.aspx?action=photo", type: "json", callback: calla });
//獲得表單元素
HttpPostedFile oFile = context.Request.Files[0];
//設(shè)置上傳路徑
string strUploadPath = "temp/";
//獲取文件名稱
string fileName = context.Request.Files[0].FileName;
補(bǔ)充:JQuery是繼prototype之后又一個(gè)優(yōu)秀的Javascript庫(kù)。它是輕量級(jí)的js庫(kù) ,它兼容CSS3,還兼容各種瀏覽器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后續(xù)版本將不再支持IE6/7/8瀏覽器。jQuery使用戶能更方便地處理HTML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用)、events、實(shí)現(xiàn)動(dòng)畫效果,并且方便地為網(wǎng)站提供AJAX交互。jQuery還有一個(gè)比較大的優(yōu)勢(shì)是,它的文檔說明很全,而且各種應(yīng)用也說得很詳細(xì),同時(shí)還有許多成熟的插件可供選擇。jQuery能夠使用戶的html頁(yè)面保持代碼和html內(nèi)容分離,也就是說,不用再在html里面插入一堆js來調(diào)用命令了,只需要定義id即可。
你說的大小是什么意思,是kb或者M(jìn)B的大小,還是寬度和高度的大小,表達(dá)清楚。
如果說獲取圖片尺寸,重量的話,還是后臺(tái)語(yǔ)言更給力,比如PHP,只需要open一個(gè)文件,就能返回一組信息,包含了這些東西
你找到j(luò)query模仿百度圖片幻燈瀏覽效果的網(wǎng)頁(yè),點(diǎn)瀏覽器的文件,保存網(wǎng)頁(yè),保存類型選擇“網(wǎng)頁(yè),全部”。保存完之后那兩個(gè)文件就在你電腦里了,在保存的位置有個(gè)和網(wǎng)頁(yè)對(duì)應(yīng)的文件夾,這兩個(gè)文件就在那里面。
建議上懶人之家網(wǎng)站上查詢 可以直接使用的 但是由于各個(gè)瀏覽器對(duì)于js支持的情況不一樣
建議樓主選擇一些簡(jiǎn)單的相冊(cè)效果 太炫了可能就會(huì)不兼容哦
網(wǎng)址