Update randomSexyPic.user.js

Author: hoothin

RandomSexyPic/randomSexyPic.user.js

@@ -1,7 +1,7 @@
 // ==UserScript==
 // @name         RandomSexyPic
 // @namespace    hoothin
-// @version      1.3.6
+// @version      1.3.7
 // @description  Random Sexy Pictures
 // @author       hoothin
 // @include      https://api.lolicon.app/setu/v2*
@@ -133,7 +133,15 @@
                 var searchNum=getSearchParam("num");
                 processByTime(searchNum,loadNum=>{
                     for(let i=0;i<loadNum;i++){
-                        createImg("https://huanmengii.xyz/ZY/aCOS/cos/index.php?r="+Math.random());
+                        GM_xmlhttpRequest({
+                            method: 'GET',
+                            url: curConfig.url+"&"+Math.random(),
+                            timeout:15000,
+                            onload: function(result) {
+                                var curUrl=JSON.parse(result.responseText).pic;
+                                createImg(curUrl);
+                            }
+                        });
                     }
                 },5,1000);
             },
@@ -154,7 +162,15 @@
                 var searchMode=getSearchParam("mode");
                 processByTime(searchNum,loadNum=>{
                     for(let i=0;i<loadNum;i++){
-                        createImg(`http://3650000.xyz/api/?mode=${searchMode}&r=${Math.random()}`);
+                        GM_xmlhttpRequest({
+                            method: 'GET',
+                            url: `${curConfig.url}&mode=${searchMode}&${Math.random()}`,
+                            timeout:15000,
+                            onload: function(result) {
+                                var curUrl=JSON.parse(result.responseText).url;
+                                createImg(curUrl);
+                            }
+                        });
                     }
                 },5,1000);
             },
@@ -370,21 +386,22 @@
     GM_addStyle(`
     @media screen and (min-width: 1024px) {
       .img-con{
-        overflow: auto;column-count: 5;
+        column-count: 5;
         -moz-column-count: 5;
         -webkit-column-count: 5;
-        width: 100%;
-        display: block;
+      }
+      .img-con>img{
+        min-height: 250px;
       }
     }
     @media screen and (max-width: 1024px) {
       .img-con{
-        overflow: auto;
         column-count: 2;
         -moz-column-count: 2;
         -webkit-column-count: 2;
-        width: 100%;
-        display: block;
+      }
+      .img-con>img{
+        min-height: 50px;
       }
     }
     body{
@@ -418,9 +435,10 @@
       left: 0;
       transition: opacity .3s ease-in-out;
       -moz-transition: opacity .3s ease-in-out;
+      -o-transition: opacity .3s ease-in-out;
       -webkit-transition: opacity .3s ease-in-out;
     }
-    .list-show:hover{
+    .list-show:hover,.list-show.hover{
       opacity: 1;
     }
     .list-show{
@@ -429,6 +447,11 @@
       -moz-transition: opacity .3s ease-in-out;
       -webkit-transition: opacity .3s ease-in-out;
     }
+    .img-con{
+        overflow: auto;
+        width: 100%;
+        display: block;
+    }
     .img-con>img{
       -webkit-column-break-inside: avoid;
       break-inside: avoid;
@@ -440,7 +463,6 @@
       top: 0;
       left: 0;
       right: 0;
-      min-height: 200px;
       background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAMAAAD8CC+4AAAAaVBMVEXMzMxmZmbGxsaJiYnIyMhqamqzs7Ofn5+RkZFtbW27u7vDw8Nzc3NwcHCpqanKysqXl5e4uLiwsLCmpqZ2dnaGhoZ9fX2Ojo55eXmDg4PAwMCjo6Otra2bm5uUlJR/f3+9vb21tbWMjIwwd54gAAAHiElEQVR42uzBgQAAAACAoP2pF6kCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGD24EAAAAAAAMj/tRFUVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVXYgwMBAAAAACD/10ZQVVVVVVVVVVVVVVVVVVVhDw4EAAAAAID8XxtBVVVVVVVVVWHH7nZUhcEoDH+rtNRSoIoVBWGQuf+L3K3UEJyzDTMhsc+J+LdifCMJRtGfqzE5UvQxeFYOcA4UfZThF6KPh5sS+aWjaB2OBXW7VoY2UG4e/VEjsJ2xYBT9N50eBRZsSuudto4+CiBJGcv6ArCI0VeScDiR0V0D70yrZRtHbxUg6Yk1cDRFa1QhuifhiGx30ROgpoDfALQUrZFO0ScJnOveojMB9PN4jL5t9BFOsbfoI6boQQI8KNosuoFndha9ApAsPnFG0WbRScHZ4y8dLb0YFaNvGv3t9M7PlwKiqHu2/JPV3e3cM6q+G5qZMsmFsMk5XLLNK/7xvJGaJjk8YcLK0JGXJrlbLOkHLgBYTS9XnCjQsi5Q3I4teRJBRlTiSZ0RfJPzhaeaPtsieobFmbQsEKjwNbP0BofpBpOLmZcsAhGiv6+IPqx0Fg5nYcW/mCWYXOmHbzhKcnonxXK5PcCRjJzT4N+jTTrAaSpGjqksgOOnX+cvoh/hjBRIwJbaPA4AFKOJVgAyO1SMl/5QUnAHkJ81zw6vjvNmU2l2SvwBn6+80domZezuw/XaNq/Fkt7pAp76amnh6rO2PHO3+Me+2S2qCcMAOCkUxBYQAfkRQX3/hxyF0rRjc3O7pN9Vx8H0uI+EtHBGcwgnWHjgTSyiO+XZWgpkcHRs6WcnRZ8m7S623BoR08x8VsLKgIgto5Ana/PnQsPAiiJLc7VwGVMU2HGWuNJlORgeiMkTtqodgSKU2/6SSCpG9Usa6VjD4bGkF5IyRsu4gUIgYgeawLoCJpX1pgDwfktukn5eg5DpbBclT61p26Vj2MEa1KSxfS/KaCU/UaufMjUZL+zHvVc9LufR4dmks6hRfiIwXCnrUiv/AtKyZNhgRqPTvdPZV3tPvrKj0KVTUHQ13tOf+KZdx3tb+dvR3myzFqgMY+oqrBIzVeCJkHi/wCbg7ctIl7+SHm+1NE9Ili2dIWIChlSf5UZ5W5+9bIV6D4srXIl1T09N38lcfcDUJC+RdKDRv53Q96wYPLb0DggiHzr8jfT7Jj0iuY70wV0f1dqYG6VxpX+ov5EKoM+40j4ddR3bnFWdCCBGc+6FH71zp/K+WsDL3njUJIh/lB6TXEf6w91MG/UPvpVOvFqcafWUDg9nhTeAxXP7Ann6Bo+RHrbmv4ooTglidVEdXvVRunJV76Tbluka+C/pICqcea5nEs6qLN19k0mHzfAFHure+xSXJRDx7FT+XgHgr6QHn6ST0ve30nsMdr9wZlX0PW/dwROZviinFjwkXY/akNQliLyk7v1P5b3+VN6p3xq/lS6QOwJbNSltAOy54o2mdVq5M97BQ9K1OXw7LzOX5jnM7aN0Wt650rPtOK2ssm+lM5PRlMcDPXvbIdI6b7eJ3Fau8W2cJZ2aa7xb5iT8pXSGSPnoLNnWsykOim+lh6ZWU7k4r6El/IIuFcuOQCJ+auUqxn0bt5POpHJXuLdBBf+TdKj1aLc5Q8cpOb+TDks0otMNRu2eGsS6WVwOjjQVtXK1b+P20qHAGSlAUdLCPeeI0wfp+pOS2dJpWOXWDaP4J+nWvVhwxGz7zducWrVRf5+T2YMfgChxxu/GudJpTYXT8k+qkKzGz927YqRnaGL66YFLQ0If8L10jjMXrTfsEAP6XK2DRLwK1xu6ZO4evCZMEP1unOUNC6cKYie2Lvn2CkVZBZ3SxShdX7DyII35cmVkIuzjVJ1yA0vjdGXsVa+tO0WJ3OcwWuReTYKKKj6zvC8rxNryj3I+zIoG2x5m+gpLq2kM3FbAt3EKdr4nONMOvf2gG9P4masl28pl26t9Qt7HaiAzobJqWJb2d7FaH80LDT3OnLaQ9BJFqoW4Ue7rmKlxxpfTBNik2CZoSKjS5xeOii3jWZzMo/Pyo2ewHC5yq9HwbdxMiASHlZLeLhIniUk7ngFguPHk9gjhhBv9tg9KKXseK87bSw8CV5ie5l5LzmVdhpR0mhDuuMGgtCMSkvdh1txSjlwGKgjRx9McumoiUz50OWlQE1vr+wI8B0Me/c24AzL416SOR+vXa4cj84l+IIZERgChv6MfiRSRP+HE/V/FHIccZ7rYb8Ydilqv3T0Hgp1S3vomzuPxeDwej+cHe3AgAAAAAADk/9oIqqqqqqqqqqqqqqqqqqoq7MGBAAAAAACQ/2sjqKqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqoq7MGBAAAAAACQ/2sjqKqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqpKe3BIAAAAACDo/2s32AEAAAAAAIAlfWBL6W1iHVoAAAAASUVORK5CYII=) no-repeat center center;
     }
     .btns{
@@ -453,6 +475,15 @@
       top: 0;
       left: 0;
       background: #000000de;
+      -webkit-transition:transform .5s ease-out;
+      -o-transition:transform .5s ease-out;
+      transition:transform .5s ease-out;
+    }
+    .btns.hide{
+      -webkit-transform:translateY(-100px);
+      -ms-transform:translateY(-100px);
+      -o-transform:translateY(-100px);
+      transform:translateY(-100px);
     }
     .btns>a{
       padding: 5px;
@@ -542,4 +573,22 @@
     imgCon.className="img-con";
     document.body.appendChild(imgCon);
     imgCon.style.paddingTop=parseInt(window.getComputedStyle(btns).height.replace("px",""))+20+"px";
+    document.body.addEventListener("touchstart",e=>{
+        var lastHover=document.querySelector(".list-show.hover");
+        if(lastHover)lastHover.classList.remove("hover");
+        if(e.target.className=="list-show"){
+            e.target.classList.add("hover");
+        }
+    });
+
+    var newPos,lastPos=0;
+    window.addEventListener('scroll', function(e) {
+        newPos=window.scrollY;
+        if (newPos > lastPos) {
+            btns.classList.add("hide");
+        } else {
+            btns.classList.remove("hide");
+        }
+        lastPos=newPos;
+    });
 })();