//grobal data var viewerdata = { imgtextarray:[], nownum:0, lock:false, iwidth:0, iheight:0 }; $(document).ready(function(){ //get size viewerdata.iwidth = $("#imagearea").width(); viewerdata.iheight = $("#imagearea").height(); //pre loading var i , j = $("#viewerleft a").size(); for(i = 0 ; i < j ; i++){ var str = "#imagelist a:eq(" + i.toString() + ")"; jQuery("").attr("src", $(str).attr("href")); } //list click $("#imagelist a").click(function(){ if(viewerdata.lock !== false)return false; if(viewerdata.nownum === $("#imagelist a").index(this))return false; viewerdata.lock = true; $("#imagearea div:last").after("
"); $("#imagearea div.whitebox").width(viewerdata.iwidth).height(viewerdata.iheight); $("#imagearea div:first").before(""); $("#imagearea div:last").fadeIn("fast" , function(){ $("#imagearea div:eq(1)").remove(); $("#imagearea div:last").fadeOut("fast" , function(){ $(this).remove(); viewerdata.lock = false; }); } ); $("#aboutarea").text($(this).attr("title")); viewerdata.nownum = $("#imagelist a").index(this); if(viewerdata.imgtextarray[viewerdata.nownum] !== undefined){ $("#aboutarea2").html(viewerdata.imgtextarray[viewerdata.nownum]); } else{ $("#aboutarea2").html(""); } return false; }); //xml load $.ajax({ url: 'xml/js008.xml', dataType: 'xml', success : function(data){ $("imgtext",data).each(function(){ viewerdata.imgtextarray.push($(this).text()); }); $("#aboutarea2").html(viewerdata.imgtextarray[viewerdata.nownum]); } }); });