/*------------------------點擊后將相冊需要加載的這個項目的所有圖片展示到一個彈出層中（小圖片)---------------------------------*/   $(function () {   $(".transparentDiv").click(function (e) {       var el = e.srcElement || e.target;     var transparentBackViewArray = $(".transparentDiv");    var AppTitleArray = $(".appDetialTitleClass");      for (var i = 0; i < transparentBackViewArray.length; i++) {     var focusTransparentBackView = transparentBackViewArray[i];     if (el == focusTransparentBackView) {      var pointTitle = AppTitleArray[i];//根據title去查詢需要加載的說明圖片       //transParentLawyer全屏幕遮蔽層      $("#masterDiv").after('<div class="transParentLawyer" onclick=' + "closeAllCorver()" + ' style="display:block"> </div>')      /* .transParentLawyer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}*/        var addPxWidth = document.documentElement.clientWidth;      var addPxHeight = document.documentElement.clientHeight;       var alertBackDivWidth = 555;      var alertBackDivHeight = 525;       var alertBackStyleMarginLeft = (addPxWidth - alertBackDivWidth) / 2;      var alertBackStyleMarginTop = (addPxHeight - alertBackDivHeight) / 2;        var createLeft = alertBackStyleMarginLeft.toString() + 'px';      var createTop = alertBackStyleMarginTop.toString() + 'px';      var ProjectName = "捉大毛APP";      var combindTable = "<div id='contentShowAppProjectImageDiv' style=' width:100%;height:30px;background:#dcdcdc; margin-top:5px;border-bottom:1px solid #b3b3b3;'><h3 style='text-align:center;color:#666666'>" + ProjectName + "</h3><a class='clsBtn' onclick=" + "closeAllCorver()" + "></a> </div>"       combindTable += "<div id='showAppImageContainerView' style='overFlow-y:scroll;overFlow-x:scroll;margin-top:0px; width:100%;height:495px;background:#dcdcdc;'><table id='showProjectDetailTable' cellspacing='0'>";      for (var i = 0; i < 5; i++) {        combindTable += "<tr><td><div class='showProjectDetailBackImageDivForImgApp'><img class='showPorjectAppImg' src='../Source/webSite.jpg'/></div></td><td><div class='showProjectDetailBackImageDivForImgApp'><img class='showPorjectAppImg' src='../Source/phoneAppBackPanel1.jpg'/></div></td><td><div class='showProjectDetailBackImageDivForImgApp'><img class='showPorjectAppImg' src='../Source/phoneAppBackPanel1.jpg'/></div></td><td><div class='showProjectDetailBackImageDivForImgApp'><img class='showPorjectAppImg' src='../Source/phoneAppBackPanel1.jpg'/></div></td><td><div class='showProjectDetailBackImageDivForImgApp'><img class='showPorjectAppImg' src='../Source/phoneAppBackPanel1.jpg'/></div></td></tr>";      }       //overFlow-y:scroll;overFlow-x:scroll;       combindTable += '<table/></div>'       $(".transParentLawyer").after('<div class="imageContentLawyer" style=" position: fixed; width: 555px; height:525px; background-color: white; z-index: 2147000001; display:block;top:' + createTop + ';left:' + createLeft + ';border-radius: 5px;background:#dcdcdc;">' + combindTable + ' </div>')         break;     }      }//將jquery方法寫在拼接table標簽的jquery方法體內，而且要放在拼接操作的后面     /*-----------彈出相冊加載圖片監聽(為什么寫在這里勒應為，我們上面的方法執行了完畢了（將我們需要加載的標簽拼接好，才有我們需要操作的標簽，-------------------*          /    $(".showPorjectAppImg").click(function(e)    {           var imageArray = $(".showPorjectAppImg");    var el = e.srcElement || e.target;     //相冊遮罩層    var imagePath;     for (var i = 0; i < imageArray.length; i++)     {      var obj = imageArray[i];      if(el==obj)      {       currentAlbumIndex = i;       imagePath = obj.src;       break;      }     }         var addPxWidth = document.documentElement.clientWidth;     var addPxHeight = document.documentElement.clientHeight;      var alertBackDivWidth = 320;     var alertBackDivHeight = 560;      var alertBackStyleMarginLeft = (addPxWidth - alertBackDivWidth) / 2;     var alertBackStyleMarginTop = (addPxHeight - alertBackDivHeight) / 2;       var createLeft = alertBackStyleMarginLeft.toString() + 'px';     var createTop = alertBackStyleMarginTop.toString() + 'px';      $("#masterDiv").after('<div class="PhoneTeamrTransperantDiv" style="display:block"> </div>')     //src="+'"'+ imagePath +'"'+"/> 呵呵拼接的彈出圖片     $(".PhoneTeamrTransperantDiv").after('<div class="albumShowImageDiv" style="box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3); position: fixed; width: 320px; height:560px; background-color: white;display:block; z-index: 2147000003; display:block;top:' + createTop + ';left:' + createLeft + ';border-radius: 5px;background:#dcdcdc;"> ' + "<img id='rollAblumImage' align='absmiddle' width='312' height='552' style='padding-left:4px;padding-top:4px;' src="+'"'+ imagePath +'"'+"/>" + '<a class="appProjectPrevious"></a><a class="appProjectNext"></a><a class="appProjectCloseAlbum" onclick=' + "closeAlbumAllCorver()" + '></a> </div>')       $(".appProjectPrevious").click(function (e) {//上一頁       var imageArray = $(".showPorjectAppImg");      var el = e.srcElement || e.target;      var imagePath;      if (currentAlbumIndex > 0)      {       currentAlbumIndex = currentAlbumIndex + 1;      }      else {       currentAlbumIndex = imageArray.length - 1;      }      var obj = imageArray[currentAlbumIndex];      imagePath = "http://localhost:59047/Source/phoneAppBackPanel.jpg";//obj.src;            // $("#rollAblumImage").attr("src", imagePath);      $("#rollAblumImage").animate({ opacity: 'toggle' }, "slow", null, function () {       $("#rollAblumImage").attr("src", imagePath);       $("#rollAblumImage").animate({ opacity: 'toggle' }, "slow");        //var image = $("#rollAblumImage");             // resizeimg(image, 320, 560);      });     })     $(".appProjectNext").click(function (e)     {     // alert("adad");      var imageArray = $(".showPorjectAppImg");      var el = e.srcElement || e.target;      var imagePath;      if (currentAlbumIndex < imageArray.length-1) {       currentAlbumIndex = currentAlbumIndex + 1;      }      else {       currentAlbumIndex = 0;      }      var obj = imageArray[currentAlbumIndex];      imagePath = "http://localhost:59047/Source/phoneAppBackPanel.jpg";       $("#rollAblumImage").animate({ opacity: 'toggle' }, "slow", null, function () {       $("#rollAblumImage").attr("src", imagePath);       $("#rollAblumImage").animate({ opacity: 'toggle' }, "slow");      });     // $("#rollAblumImage").attr("src", imagePath);     })     })     });   });