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

幾乎所有主流網站都提供了瀏覽圖片功能，但給使用者感受差別很大，有的網站不錯，但也有網站瀏覽圖片從這一張到下一張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