//grobal data var viewerdata = { imgtextarray:[], nownum:0, lock:false, iwidth:0 }; $(document).ready(function(){ //img and css set var i , j = $("#imagelist a").size(); viewerdata.iwidth = $("#imagearea").width(); $("#imageareain").width(viewerdata.iwidth * j); $("#imageareain ul").width(viewerdata.iwidth * j); for(i = 0 ; i < j ; i++){ var str = "#imagelist a:eq(" + i.toString() + ")"; var str2 = "#imagelist a:eq(" + i.toString() + ") img"; str = "
" $("#imageareain ul").append(str); } $("#imageareain li").width(viewerdata.iwidth); //list click $("#imagelist a").click(function(){ if(viewerdata.lock !== false)return false; viewerdata.lock = true; $("#aboutarea").text($(this).attr("title")); viewerdata.nownum = $("#imagelist a").index(this); $("#imageareain").animate({marginLeft : "-" + viewerdata.iwidth * $("#imagelist a").index(this) + "px"} , "fast" , "linear" , function(){ viewerdata.lock = false; } ); if(viewerdata.imgtextarray[viewerdata.nownum] !== undefined){ $("#aboutarea2").html(viewerdata.imgtextarray[viewerdata.nownum]); } else{ $("#aboutarea2").html(""); } return false; }); //xml load $.ajax({ url: 'xml/js009.xml', dataType: 'xml', success : function(data){ $("imgtext",data).each(function(){ viewerdata.imgtextarray.push($(this).text()); }); $("#aboutarea2").html(viewerdata.imgtextarray[viewerdata.nownum]); } }); });