javascript 數組:List<Map>類型的JavaScript數組應用範例:圖片多樣化顯示

來源:互聯網
上載者:User

幾乎所有主流網站都提供了瀏覽圖片功能,但給使用者感受差別很大,有的網站不錯,但也有網站瀏覽圖片從這一張到下一張url會發生變化,顯然瀏覽是通過get方式逐張請求實現的,這種方式,停頓感明顯,對伺服器請求過於頻繁。但把一組待瀏覽的圖片資料通過Ajax請求,將結果儲存在數組中,那效果就明顯不同了,瀏覽圖片會流暢的多。將圖片資料儲存在JavaScript數組中,好處多多。一、基於數組的圖片顯示效果圖1、幻燈效果2、產品索引效果3、專題廣告效果
二、產品索引效果不完整範例程式碼(這裡僅以產品索引為例)
1、產品數組
var product_v=new Array();
var m=new Map();
m.put("isfw", false);
m.put("sortnum", "0");
m.put("normal", "0");
m.put("iswm", false);
m.put("jgms", "價格");
m.put("good", "0");
m.put("qy_id", "stone");
m.put("id", "50");
m.put("iszm", false);
m.put("height", "480");
m.put("grade", "1");
m.put("iscz", false);
m.put("isls", true);
m.put("qymc", "中華奇石");
m.put("width", "640");
m.put("uptime", "2011-09-25 12:06:52.0");
m.put("label_id", "3307");
m.put("label", "鴨嘴獸");
m.put("unit", "件");
m.put("num", "1");
m.put("cplabel", "長江石");
m.put("filename", "1316923598012.jpg");
m.put("numprice", "0");
//...
product_v.push(m);
2、實現方法
function _loadCpsy(uid,list,pWidth){
    var cols=6;
    var rows=3;
    var scaleWidth=parseInt(parseInt((pWidth-8)/cols)-12);
    var scaleHeight=scaleWidth;
    var html="";
    var galleryUid=uid+"gallery";
    var p=new pageObj({//分組對象
        uid:uid,
        list:list, 本文連結http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20121120/34050.html

相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。