优化图片集

src/admin/css/albumupload.css

@@ -1 +1 @@
-div.flash{margin:10px 5px;width:375px;border-color:#D9E4FF;border-radius:.2rem}#btnSubmit{margin:0 0 0 155px}.progressWrapper{width:357px;overflow:hidden}.progressContainer{padding:4px;margin:5px;background-color:#f8f8f8;border:solid 1px #E8E8E8;overflow:hidden}.message{margin:10px 0;padding:10px 20px;background-color:#FFC;border:solid 1px #FD9;overflow:hidden}.red{background-color:#FFEBEB;border:solid 1px #B50000}.green{background-color:#EBFFEB;border:solid 1px #DDF0DD}.blue{background-color:#F0F5FF;border:solid 1px #CEE2F2}.progressName{width:320px;height:14px;text-align:left;white-space:nowrap;overflow:hidden}.progressBarInProgress,.progressBarComplete,.progressBarError{margin-top:2px;width:0;height:2px;font-size:0;background-color:blue}.progressBarComplete{width:100%;background-color:green;visibility:hidden}.progressBarError{width:100%;background-color:#dc3545;visibility:hidden}.progressBarStatus{margin-top:2px;width:340px;text-align:left;white-space:nowrap}a.progressCancel{font-size:0;display:block;height:14px;width:14px;background-image:url(../../images/cancelbutton.gif);background-repeat:no-repeat;background-position:-14px 0;float:right}a.progressCancel:hover{background-position:0 0}.swfupload{vertical-align:top}.albCt{float:left;width:240px;height:180px;margin-right:10px;margin-bottom:10px;border:1px dashed #eee;background:#f8f8f8;text-align:center;padding:10px}.albEdit{height:180px}.picinfo{height:30px;line-height:30px;margin:10px 0}.thumbnails img,.thumbnailsEdit img{margin:5px}.albCt img{height:100px!important}
+div.flash{margin:10px 5px;width:375px;border-color:#D9E4FF;border-radius:.2rem}#btnSubmit{margin:0 0 0 155px}.progressWrapper{width:357px;overflow:hidden}.progressContainer{padding:4px;margin:5px;background:#f8f8f8;border:solid 1px #E8E8E8;overflow:hidden}.message{margin:10px 0;padding:10px 20px;background:#FFC;border:solid 1px #FD9;overflow:hidden}.red{background:#FFEBEB;border:solid 1px #B50000}.green{background:#EBFFEB;border:solid 1px #DDF0DD}.blue{background:#F0F5FF;border:solid 1px #CEE2F2}.progressName{width:320px;height:14px;text-align:left;white-space:nowrap;overflow:hidden}.progressBarInProgress,.progressBarComplete,.progressBarError{margin-top:2px;width:0;height:2px;font-size:0;background:blue}.progressBarComplete{width:100%;background:green;visibility:hidden}.progressBarError{width:100%;background:#dc3545;visibility:hidden}.progressBarStatus{margin-top:2px;width:340px;text-align:left;white-space:nowrap}a.progressCancel{font-size:0;display:block;height:14px;width:14px;background-image:url(../../images/cancelbutton.gif);background-repeat:no-repeat;background-position:-14px 0;float:right}a.progressCancel:hover{background-position:0 0}.swfupload{vertical-align:top}.albCt{float:left;width:240px;height:180px;margin-right:10px;margin-bottom:10px;border:1px dashed #eee;background:#f8f8f8;text-align:center;padding:10px}.albEdit{height:180px}.picinfo{height:30px;line-height:30px;margin:10px 0}.thumbnails img,.thumbnailsEdit img{margin:5px}.albCt img{max-width:100%;height:100px}

src/admin/js/dialog.js

@@ -6,7 +6,7 @@
  * @license        https://www.dedebiz.com/license
  * @link           https://www.dedebiz.com
  */
-document.write("<style type=\"text/css\">.close{float:right;font-size:14px;cursor:pointer}</style>")
+document.write("<style>.close{float:right;font-size:14px;cursor:pointer}</style>")
 function editTitle(aid) {
 	var show = document.getElementById("show_news");
 	fetch("catalog_edit.php?dopost=time&id=" + aid).then(resp=>resp.text()).then((d)=>{

src/admin/js/handlers.js

@@ -146,14 +146,14 @@ function addImage(src, pid) {
 	newImgDiv.className = 'albCt';
 	newImgDiv.id = 'albCt' + albImg;
 	document.getElementById("thumbnails").appendChild(newImgDiv);
-	newImgDiv.innerHTML = '<img src="' + src + '" style="width:160px">' + delstr;
+	newImgDiv.innerHTML = '<img src="' + src + '">' + delstr;
 	if (typeof arctype != 'undefined' && arctype == 'article') {
 		iptwidth = 100;
 		if (pid != 0) {
-			newImgDiv.innerHTML = '<img src="' + src + '" onClick="addtoEdit(' + pid + ')" style="width:160px">' + delstr;
+			newImgDiv.innerHTML = '<img src="' + src + '" onClick="addtoEdit(' + pid + ')">' + delstr;
 		}
 	}
-	newImgDiv.innerHTML += '<div style="margin-top:10px">注释：<input type="text" name="picinfo' + albImg + '" value="" style="width:' + iptwidth + 'px"></div>';
+	newImgDiv.innerHTML += '<div style="margin-top:10px">名称：<input type="text" name="picinfo' + albImg + '" value="" style="width:' + iptwidth + 'px"></div>';
 }
 /* ******************************************
  *	FileProgress Object

src/admin/templets/album_add.htm

@@ -8,19 +8,19 @@
   <link rel="stylesheet" href="../static/web/font/css/font-awesome.min.css">
   <link rel="stylesheet" href="../static/web/css/admin.css">
   <link rel="stylesheet" href="css/albumupload.css">
+  <link rel="stylesheet" href="../static/web/css/daterangepicker.css">
+  <link rel="stylesheet" href="../static/web/css/cropper.min.css">
+  <link rel="stylesheet" href="../static/web/css/jquery.fileupload.css">
   <script>const cfg_uplitpic_cut = '<?php echo $cfg_uplitpic_cut; ?>';</script>
   <script src="../static/web/js/jquery.min.js"></script>
   <script src="../static/web/js/bootstrap.bundle.min.js"></script>
   <script src="../static/web/js/webajax.js"></script>
-  <link rel="stylesheet" href="../static/web/css/daterangepicker.css">
   <script src="../static/web/js/moment.min.js"></script>
   <script src="../static/web/js/daterangepicker.js"></script>
   <script src="js/main.js"></script>
   <script src="js/album.js"></script>
   <script src="js/handlers.js"></script>
-  <link rel="stylesheet" href="../static/web/css/cropper.min.css">
   <script src="../static/web/js/cropper.min.js"></script>
-  <link rel="stylesheet" href="../static/web/css/jquery.fileupload.css">
   <script>
   var swfu = null;
   var vcc = 0;
@@ -50,7 +50,7 @@
   </script>
   <style>
 body{background:#fff}
-img{vertical-align:baseline}
+img{margin:0 10px;vertical-align:baseline}
 table{border-collapse:separate}
   </style>
 </head>
@@ -359,8 +359,8 @@ table{border-collapse:separate}
         </td>
       </tr>
       <tr id="handfield">
-        <td colspan="4" class="bline" style="background:url(../static/web/img/albviewbg.jpg) #fff 0 20px no-repeat;">
-          <table width="100%" height="160">
+        <td colspan="4" class="bline">
+          <table width="100%">
             <tr>
               <td>
                 <div id="divFileProgressContainer"></div>

src/admin/templets/album_edit.htm

@@ -8,19 +8,19 @@
   <link rel="stylesheet" href="../static/web/font/css/font-awesome.min.css">
   <link rel="stylesheet" href="../static/web/css/admin.css">
   <link rel="stylesheet" href="css/albumupload.css">
+  <link rel="stylesheet" href="../static/web/css/daterangepicker.css">
+  <link rel="stylesheet" href="../static/web/css/cropper.min.css">
+  <link rel="stylesheet" href="../static/web/css/jquery.fileupload.css">
   <script>const cfg_uplitpic_cut = '<?php echo $cfg_uplitpic_cut; ?>';</script>
   <script src="../static/web/js/jquery.min.js"></script>
   <script src="../static/web/js/webajax.js"></script>
-  <link rel="stylesheet" href="../static/web/css/daterangepicker.css">
   <script src="../static/web/js/moment.min.js"></script>
   <script src="../static/web/js/daterangepicker.js"></script>
   <script src="../static/web/js/bootstrap.bundle.min.js"></script>
   <script src="js/main.js"></script>
   <script src="js/album.js"></script>
   <script src="js/handlers.js"></script>
-  <link rel="stylesheet" href="../static/web/css/cropper.min.css">
   <script src="../static/web/js/cropper.min.js"></script>
-  <link rel="stylesheet" href="../static/web/css/jquery.fileupload.css">
   <script>
   var swfu = null;
   var vcc = 0;
@@ -50,7 +50,7 @@
   </script>
   <style>
 body{background:#fff}
-img{vertical-align:baseline}
+img{margin:0 10px;vertical-align:baseline}
 table{border-collapse:separate}
 .albEdit {height:auto}
   </style>
@@ -449,7 +449,7 @@ table{border-collapse:separate}
     </tr>
     <tr>
       <td height="26" colspan="4" class="bline">
-        <table width='100%'>
+        <table width="100%">
           <tr>
             <td>
               <div id="thumbnailsEdit">
@@ -476,8 +476,8 @@ table{border-collapse:separate}
                         $fhtml .= "<input type='hidden' name='imgurl{$j}' value='{$bigimg}'>";
                         $fhtml .= "<input type='hidden' name='imgddurl{$j}' value='{$litimg}'>";
                         $fhtml .= "<img src='{$litimg}'style='width:120px'><a href=\"javascript:delAlbPicOld('$bigimg',$j)\" class=\"btn btn-success btn-sm\">删除</a>";
-                        $fhtml .= "<div style='margin-top:10px'>注释：<input type='text' name='imgmsg{$j}' value='".$ctag->GetAtt('text')."' style='width:160px'></div>";
-                        $fhtml .= "<div style='margin-top:10px'>更换：<input type='file' name='imgfile{$j}' size='18' style='width:160px'></div>";
+                        $fhtml .= "<div style='margin-top:10px'>名称：<input type='text' name='imgmsg{$j}' value='".$ctag->GetAtt('text')."'></div>";
+                        $fhtml .= "<div style='margin-top:10px'>更换：<input type='file' name='imgfile{$j}' style='width:160px'></div>";
                       $fhtml .= "</div>";
                       echo $fhtml;
                       $j++;
@@ -504,11 +504,11 @@ table{border-collapse:separate}
       </td>
     </tr>
     <tr>
-      <td colspan="4" style="background:#fff url(../static/web/img/albviewbg.jpg) 0 20px no-repeat;">
-        <table width='100%' height='160' style="margin:0 0 20px 0">
+      <td colspan="4">
+        <table width="100%">
           <tr>
             <td>
-              <div id="divFileProgressContainer" style="height:70px;"></div>
+              <div id="divFileProgressContainer"></div>
               <div id="thumbnails"></div>
             </td>
           </tr>

src/admin/templets/archives_add.htm

@@ -7,16 +7,16 @@
   <link rel="stylesheet" href="../static/web/css/bootstrap.min.css">
   <link rel="stylesheet" href="../static/web/font/css/font-awesome.min.css">
   <link rel="stylesheet" href="../static/web/css/admin.css">
+  <link rel="stylesheet" href="../static/web/css/daterangepicker.css">
+  <link rel="stylesheet" href="../static/web/css/jquery.fileupload.css">
+  <link rel="stylesheet" href="../static/web/css/cropper.min.css">
   <script>const cfg_uplitpic_cut = '<?php echo $cfg_uplitpic_cut; ?>';</script>
   <script src="../static/web/js/jquery.min.js"></script>
   <script src="../static/web/js/webajax.js"></script>
-  <link rel="stylesheet" href="../static/web/css/daterangepicker.css">
   <script src="../static/web/js/moment.min.js"></script>
   <script src="../static/web/js/daterangepicker.js"></script>
   <script src="../static/web/js/bootstrap.bundle.min.js"></script>
   <script src="js/main.js"></script>
-  <link rel="stylesheet" href="../static/web/css/jquery.fileupload.css">
-  <link rel="stylesheet" href="../static/web/css/cropper.min.css">
   <script src="../static/web/js/cropper.min.js"></script>
   <script>
   function checkSubmit() {

src/admin/templets/archives_edit.htm

@@ -7,16 +7,16 @@
   <link rel="stylesheet" href="../static/web/css/bootstrap.min.css">
   <link rel="stylesheet" href="../static/web/font/css/font-awesome.min.css">
   <link rel="stylesheet" href="../static/web/css/admin.css">
+  <link rel="stylesheet" href="../static/web/css/daterangepicker.css">
+  <link rel="stylesheet" href="../static/web/css/jquery.fileupload.css">
+  <link rel="stylesheet" href="../static/web/css/cropper.min.css">
   <script>const cfg_uplitpic_cut = '<?php echo $cfg_uplitpic_cut; ?>';</script>
   <script src="../static/web/js/jquery.min.js"></script>
   <script src="../static/web/js/webajax.js"></script>
   <script src="../static/web/js/bootstrap.bundle.min.js"></script>
   <script src="js/main.js"></script>
-  <link rel="stylesheet" href="../static/web/css/daterangepicker.css">
   <script src="../static/web/js/moment.min.js"></script>
   <script src="../static/web/js/daterangepicker.js"></script>
-  <link rel="stylesheet" href="../static/web/css/jquery.fileupload.css">
-  <link rel="stylesheet" href="../static/web/css/cropper.min.css">
   <script src="../static/web/js/cropper.min.js"></script>
   <script>
   function checkSubmit() {

src/admin/templets/archives_sg_add.htm

@@ -7,16 +7,16 @@
   <link rel="stylesheet" href="../static/web/css/bootstrap.min.css">
   <link rel="stylesheet" href="../static/web/font/css/font-awesome.min.css">
   <link rel="stylesheet" href="../static/web/css/admin.css">
+  <link rel="stylesheet" href="../static/web/css/daterangepicker.css">
+  <link rel="stylesheet" href="../static/web/css/jquery.fileupload.css">
+  <link rel="stylesheet" href="../static/web/css/cropper.min.css">
   <script>const cfg_uplitpic_cut = '<?php echo $cfg_uplitpic_cut; ?>';</script>
   <script src="../static/web/js/jquery.min.js"></script>
   <script src="../static/web/js/bootstrap.bundle.min.js"></script>
   <script src="../static/web/js/webajax.js"></script>
-  <link rel="stylesheet" href="../static/web/css/daterangepicker.css">
   <script src="../static/web/js/moment.min.js"></script>
   <script src="../static/web/js/daterangepicker.js"></script>
   <script src="js/main.js"></script>
-  <link rel="stylesheet" href="../static/web/css/jquery.fileupload.css">
-  <link rel="stylesheet" href="../static/web/css/cropper.min.css">
   <script src="../static/web/js/cropper.min.js"></script>
   <script>
   function checkSubmit()

src/admin/templets/archives_sg_edit.htm

@@ -7,16 +7,16 @@
   <link rel="stylesheet" href="../static/web/css/bootstrap.min.css">
   <link rel="stylesheet" href="../static/web/font/css/font-awesome.min.css">
   <link rel="stylesheet" href="../static/web/css/admin.css">
+  <link rel="stylesheet" href="../static/web/css/daterangepicker.css">
+  <link rel="stylesheet" href="../static/web/css/jquery.fileupload.css">
+  <link rel="stylesheet" href="../static/web/css/cropper.min.css">
   <script>const cfg_uplitpic_cut = '<?php echo $cfg_uplitpic_cut; ?>';</script>
   <script src="../static/web/js/jquery.min.js"></script>
   <script src="../static/web/js/webajax.js"></script>
   <script src="../static/web/js/moment.min.js"></script>
   <script src="../static/web/js/daterangepicker.js"></script>
   <script src="js/main.js"></script>
-  <link rel="stylesheet" href="../static/web/css/daterangepicker.css">
   <script src="../static/web/js/bootstrap.bundle.min.js"></script>
-  <link rel="stylesheet" href="../static/web/css/jquery.fileupload.css">
-  <link rel="stylesheet" href="../static/web/css/cropper.min.css">
   <script src="../static/web/js/cropper.min.js"></script>
   <script>
   function checkSubmit()

src/admin/templets/soft_add.htm

@@ -7,16 +7,16 @@
   <link rel="stylesheet" href="../static/web/css/bootstrap.min.css">
   <link rel="stylesheet" href="../static/web/font/css/font-awesome.min.css">
   <link rel="stylesheet" href="../static/web/css/admin.css">
+  <link rel="stylesheet" href="../static/web/css/daterangepicker.css">
+  <link rel="stylesheet" href="../static/web/css/jquery.fileupload.css">
+  <link rel="stylesheet" href="../static/web/css/cropper.min.css">
   <script>const cfg_uplitpic_cut = '<?php echo $cfg_uplitpic_cut; ?>';</script>
   <script src="../static/web/js/jquery.min.js"></script>
   <script src="../static/web/js/bootstrap.bundle.min.js"></script>
   <script src="../static/web/js/webajax.js"></script>
-  <link rel="stylesheet" href="../static/web/css/daterangepicker.css">
   <script src="../static/web/js/moment.min.js"></script>
   <script src="../static/web/js/daterangepicker.js"></script>
-  <link rel="stylesheet" href="../static/web/css/jquery.fileupload.css">
   <script src="js/main.js"></script>
-  <link rel="stylesheet" href="../static/web/css/cropper.min.css">
   <script src="../static/web/js/cropper.min.js"></script>
   <script>
     function checkSubmit() {

src/admin/templets/soft_edit.htm

@@ -7,16 +7,16 @@
   <link rel="stylesheet" href="../static/web/css/bootstrap.min.css">
   <link rel="stylesheet" href="../static/web/font/css/font-awesome.min.css">
   <link rel="stylesheet" href="../static/web/css/admin.css">
+  <link rel="stylesheet" href="../static/web/css/daterangepicker.css">
+  <link rel="stylesheet" href="../static/web/css/jquery.fileupload.css">
+  <link rel="stylesheet" href="../static/web/css/cropper.min.css">
   <script>const cfg_uplitpic_cut = '<?php echo $cfg_uplitpic_cut; ?>';</script>
   <script src="../static/web/js/jquery.min.js"></script>
   <script src="../static/web/js/bootstrap.bundle.min.js"></script>
   <script src="../static/web/js/webajax.js"></script>
-  <link rel="stylesheet" href="../static/web/css/daterangepicker.css">
-  <link rel="stylesheet" href="../static/web/css/jquery.fileupload.css">
   <script src="../static/web/js/moment.min.js"></script>
   <script src="../static/web/js/daterangepicker.js"></script>
   <script src="js/main.js"></script>
-  <link rel="stylesheet" href="../static/web/css/cropper.min.css">
   <script src="../static/web/js/cropper.min.js"></script>
   <script>
     function checkSubmit() {

src/admin/templets/spec_add.htm

@@ -7,16 +7,16 @@
   <link rel="stylesheet" href="../static/web/css/bootstrap.min.css">
   <link rel="stylesheet" href="../static/web/font/css/font-awesome.min.css">
   <link rel="stylesheet" href="../static/web/css/admin.css">
+  <link rel="stylesheet" href="../static/web/css/jquery.fileupload.css">
+  <link rel="stylesheet" href="../static/web/css/daterangepicker.css">
+  <link rel="stylesheet" href="../static/web/css/cropper.min.css">
   <script>const cfg_uplitpic_cut = '<?php echo $cfg_uplitpic_cut; ?>';</script>
   <script src="../static/web/js/jquery.min.js"></script>
   <script src="../static/web/js/webajax.js"></script>
-  <link rel="stylesheet" href="../static/web/css/jquery.fileupload.css">
-  <link rel="stylesheet" href="../static/web/css/daterangepicker.css">
   <script src="../static/web/js/moment.min.js"></script>
   <script src="../static/web/js/daterangepicker.js"></script>
   <script src="../static/web/js/bootstrap.bundle.min.js"></script>
   <script src="js/main.js"></script>
-  <link rel="stylesheet" href="../static/web/css/cropper.min.css">
   <script src="../static/web/js/cropper.min.js"></script>
   <script>
     function checkSubmit() {

src/admin/templets/spec_edit.htm

@@ -7,16 +7,16 @@
   <link rel="stylesheet" href="../static/web/css/bootstrap.min.css">
   <link rel="stylesheet" href="../static/web/font/css/font-awesome.min.css">
   <link rel="stylesheet" href="../static/web/css/admin.css">
+  <link rel="stylesheet" href="../static/web/css/daterangepicker.css">
+  <link rel="stylesheet" href="../static/web/css/jquery.fileupload.css">
+  <link rel="stylesheet" href="../static/web/css/cropper.min.css">
   <script>const cfg_uplitpic_cut = '<?php echo $cfg_uplitpic_cut; ?>';</script>
   <script src="../static/web/js/jquery.min.js"></script>
   <script src="../static/web/js/webajax.js"></script>
-  <link rel="stylesheet" href="../static/web/css/daterangepicker.css">
-  <link rel="stylesheet" href="../static/web/css/jquery.fileupload.css">
   <script src="../static/web/js/moment.min.js"></script>
   <script src="../static/web/js/daterangepicker.js"></script>
   <script src="../static/web/js/bootstrap.bundle.min.js"></script>
   <script src="js/main.js"></script>
-  <link rel="stylesheet" href="../static/web/css/cropper.min.css">
   <script src="../static/web/js/cropper.min.js"></script>
   <script>
     function SelectTemplets(fname) {