灰机汉化 滚动浏览

灰机汉化滚动浏览

显示模式切换按钮，点击后可切换cocos2d播放器为纯图片浏览
目前為 2017-10-13 提交的版本，檢視最新版本。
安裝腳本 ?
Wrap lines
// ==UserScript==
// @name         灰机汉化 滚动浏览
// @namespace    http://weibo.com/unluckyninja
// @version      0.4
// @description  显示模式切换按钮，点击后可切换cocos2d播放器为纯图片浏览
// @author       UnluckyNinja
// @include      http://smp*.yoedge.com/smp-app/*
// @require      https://gf.qytechs.cn/scripts/2199-waitforkeyelements/code/waitForKeyElements.js?version=6349
// @require      https://code.jquery.com/jquery-3.2.1.min.js
// @grant        GM_addStyle
// ==/UserScript==

(function($, window) {
    'use strict';

    // Your code here...

    var IMAGE_WIDTH = 1080; // 缩放图片到你想要的宽度（会保持长宽比），单位像素

    function showButton(){
        if($("div.tool-items a:contains('模式切换')").length > 0){
            console.log("灰机汉化 滚动浏览 - 发现按钮");
            $("div.tool-items a:contains('模式切换')").css("display", "block");
        }else{
            console.log("灰机汉化 滚动浏览 - 未发现按钮");
            $("div.tool-items").append('<a href="javascript:void(0)" style="display: block;" class="tool-item gradient">模式切换<i class="icon-retweet"></i></a>').click(buildImageDiv);
        }
    }

    waitForKeyElements ("div.tool-items", showButton, true);

    var buildImageDiv = function() { try {
        $('#normal-button').click();
        var __ad_at = "smp_image_div_id";
        var adDom = document.getElementById(__ad_at);
        if (adDom) {
            $('#'+__ad_at).toggle();
            $('#gameCanvas').toggle();
            smp.toolbar.buildImageDivDisplay = !smp.toolbar.buildImageDivDisplay;
            return;
        }
        if (!adDom) {
            adDom = document.createElement("div");
            adDom.setAttribute('id',__ad_at);
            adDom.style.position = 'absolute';
            adDom.style.top = '0px';
            adDom.style.bottom = '0px';
            adDom.style.left = '0px';
            adDom.style.right = '0px';
            adDom.style.margin = '0';
            adDom.style.padding = '0';
            adDom.style.borderWidth = '0';
            adDom.style.zIndex = 10;
            adDom.style.transform = 'translate3d(0,0,0)';
            document.body.appendChild(adDom);
        }
        var width = IMAGE_WIDTH; //$('#gameCanvas').width();
        var innerHTML = '<div style="margin:0 auto;padding:0;width:fit-content;position:relative;">';
        var pages = smp.config.pages.page;
        var orders = smp.config.pages.order;
        var len = orders.length;
        var i = 0;
        var order = null;
        var url = null;
        for (i = 0; i < len; i++) {
            order = orders[i];
            url = pages[order];
            innerHTML += '<img class="lazy" style="margin:0;padding:0;display:block;width:'+width+'px;min-height: 200px;" data-original="'+url+'" />';
        }
        innerHTML += '</div>';
        adDom.innerHTML = innerHTML;
        $("img.lazy").lazyload({
            threshold : 200
        });
        $('#gameCanvas').hide();
        smp.toolbar.buildImageDivDisplay = !smp.toolbar.buildImageDivDisplay;
    } catch(e){console.warn(e.message);} };
}).call(unsafeWindow || window, (unsafeWindow || window).$, unsafeWindow || window);
欢迎访问Greasy Fork镜像
