<div id="article_content" class="article_content clearfix"> <div id="content_views" class="htmledit_views"> <script> //SCRIPTStart var gnPicNum = 4; var gnBtnNum = 6; var imgPause = new Array(); var imgPlay = new Array(); var imgStop = new Array(); var imgPrev = new Array(); var imgNext = new Array(); var imgFull = new Array();//涓嶈兘鍦ㄨ繖閲岀敤鍙橀噺鎸囧畾array鐨勫ぇ灏忥紒 var ImageNames = new Array(imgPause,imgPlay,imgStop,imgPrev,imgNext,imgFull); var strImgNames = new Array("pause_30_","play_30_","stop_20_","previous_20_","next_20_","button_full_"); var cell = "https://p-blog.csdn.net/images/p_blog_csdn_net/norsd/227036/o_"; var gPPBtnState = "Pause"; var BtnsState = new Array(); var GallaryPaths = new Array(); var gnCurrentImg = -1; var gstrCurrentCanvas = "galThumb1"; var gstrOldCanvas = "galThumb2"; var gShowHandleState = true; //When Show_thread is finished , set it as true; var gHideHandleState = true; function EmbedGallaryStruct()//This fn must be run at first! { var parObj = document.getElementById("leftmenu"); var arrObj = parObj.getElementsByTagName("div"); var objGal = arrObj[2]; objGal.setAttribute("id","photos"); objGal.innerHTML="

"; //var objDiv = document.createElement("div"); //objDiv.setAttribute("id","pho"); var objDiv = document.createElement(" <div id="pho" style="width:150px; height:115px"> "); objGal.appendChild(objDiv); objDiv.innerHTML=" "+ " "+ " "; var strBtns = " "+ " "+ " "+ " "+ " "; objGal.innerHTML +=strBtns; } function InitalGallary(ImgRefFilePath) { EmbedGallaryStruct(); PreLoadButtonImg(); BtnsState.push(0,0,0,3,0,0);//0-normal(mouse out); 1-hover; 2-click; 3-disabled //P,P,S,P,N,F LoadGallaryPaths(ImgRefFilePath); gnCurrentImg=0; ShowThumb( GallaryPaths[gnCurrentImg] ); } function PreLoadButtonImg() { for( i=0; i /i; var arrIndex = re.exec(strResText); if( arrIndex==null ) alert(" cannot locate codes in/n" + DstPath); var strImgs = strResText.substring(arrIndex.index,arrIndex.lastIndex ); var tmpDiv = document.createElement(' <div id="tmpDiv" style="display:none;"> '); var oSomeDiv = document.getElementById('top');//鍊熷案杩橀瓊 oSomeDiv.appendChild(tmpDiv); tmpDiv.innerHTML = strImgs; var arrA = tmpDiv.getElementsByTagName('a'); for( var i=0; i 0 ) { var tmpSwap = gstrOldCanvas; gstrOldCanvas = gstrCurrentCanvas; gstrCurrentCanvas = tmpSwap; gnCurrentImg--; ShowThumb( GallaryPaths[gnCurrentImg] ); HideThumb( gstrOldCanvas ); if( BtnsState[4]==3 ) { BtnsState[4]=0;//Next_Button = normal; BtnDisabled("btnNext",4,false); } if(gnCurrentImg==0) { BtnsState[3]=3; BtnDisabled( prevBtn, 3,true); return 3; } } return 2; } function ShowEnd() { gShowHandleState = true; } function HideEnd() { gHideHandleState = true; } function HideThumb( strID ) { var imgImg = document.getElementById(strID); imgImg.filters.alpha.opacity = 100; strFunPara = "TransitionImg('" + strID+"_false_ghInt3_HideEnd()_2');"; ghInt3 = setInterval( strFunPara, 10); } function ShowThumb( imgPath )//Alwanys Show Thumb on ID = gstrCurrentCanvas { var objImg = new Image; objImg.src = imgPath; var imgWidth = objImg.width;//width ,not Width! var imgHeight = objImg.height;//height, not Height! var divPho = document.getElementById("pho"); var divWidth = divPho.clientWidth; var divHeight = divPho.clientHeight; var rateW = imgWidth/divWidth; var rateH = imgHeight/divHeight; var rate = rateW>rateH?rateW:rateH; rate = rate<1?1:rate; var tubWidth = imgWidth/rate;;//thumb width var tubHeight = imgHeight/rate; var imgImg = document.getElementById(gstrCurrentCanvas); imgImg.style.width = tubWidth; imgImg.style.height = tubHeight; imgImg.style.left = 0; imgImg.style.top = 0; if( rate!=1 ) { rate==rateW?imgImg.style.top = (divHeight-tubHeight)/2:imgImg.style.left=(divWidth-tubWidth)/2; } else { imgImg.style.top = (divHeight-tubHeight)/2; imgImg.style.left = (divWidth-tubWidth)/2; } imgImg.style.display = "block"; imgImg.filters.alpha.opacity = 0; imgImg.src = imgPath; var oShadow = document.getElementById("galShadow"); oShadow.style.left = imgImg.offsetLeft+5; oShadow.style.top = imgImg.offsetTop+5; oShadow.style.width = imgImg.style.width; oShadow.style.height = imgImg.style.height; oShadow.style.display = "block"; ghInt = setInterval( "TransitionImg('"+gstrCurrentCanvas+"_true_ghInt_ShowEnd()_2');", 10); } function CyberImg() { gnCurrentImg = (gnCurrentImg==GallaryPaths.length-1)?0:gnCurrentImg+1; var tmpSwap = gstrOldCanvas; gstrOldCanvas = gstrCurrentCanvas; gstrCurrentCanvas = tmpSwap; ShowThumb( GallaryPaths[gnCurrentImg] ); HideThumb( gstrOldCanvas ); } function TransitionImg( strPara ) { var re = /_/g; var arr = re.exec(strPara); var strID = strPara.substring(0,arr.index); var nIDEnd = arr.lastIndex; arr = re.exec(strPara); var bAppear = strPara.substring(nIDEnd,arr.index); var nAppearEnd = arr.lastIndex; arr = re.exec(strPara); var strHandle = strPara.substring(nAppearEnd, arr.index); var nHandleEnd = arr.lastIndex; arr = re.exec(strPara); var Fn = strPara.substring(nHandleEnd,arr.index); var nFnEnd = arr.lastIndex; var delta = Number(strPara.substr(nFnEnd,strPara.length)); var imgImg = document.getElementById(strID); if( bAppear =="true") { if(imgImg.filters.alpha.opacity==100) { clearInterval(eval(strHandle));eval(Fn);} else { imgImg.filters.alpha.opacity+=delta;} } else { if(imgImg.filters.alpha.opacity==0) { clearInterval(eval(strHandle));eval(Fn);} else { imgImg.filters.alpha.opacity-=delta;} } } //SCRIPTEND </script> abc div> div> div> div> <div id="treeSkill">div>