GameMale
设为首页收藏本站 🌓 游客问题
快捷导航
登陆 / 注册 搜索

USERCENTER

SEARCHSITE

搜索

12下一页
返回列表 发新帖
查看: 1867|回复: 30
收起左侧

[实用工具] 【善者神佑】【脚本】快捷切换图片

[复制链接] |关注本帖

GM活动员

火玛瑙众志成城光之少女の魔法书福卡·曙红[5]福卡·澄黄[6]福卡·锰紫[8]Futūrum（未来）神奇宝贝大师球♬狂舞终乐章♬亭亭如盖
     楼主| Makima 发表于 2026-1-1 20:19:04 | 显示全部楼层 |阅读模式 <

    点开图片时，按ad或者←→快捷切换图片




    @Name @Match

    1. // ==UserScript==
    2. // @name         GM查看图片
    3. // @version      0.1
    4. // @author       MKM
    5. // @match        https://www.gamemale.com/*
    6. // ==/UserScript==


    9. (function() {
    10.     'use strict';

    12.     const config = {
    13.         hotkey: {
    14.             prev: 'ArrowLeft',
    15.             next: 'ArrowRight',
    16.             close: 'Escape',
    17.             prevAlt: 'a',
    18.             nextAlt: 'd'
    19.         }
    20.     };

    22.     function isImageViewerActive() {
    23.         const viewer = document.getElementById('imgzoom');
    24.         if (!viewer) return false;
    25.         const style = window.getComputedStyle(viewer);
    26.         return style.display !== 'none' && style.visibility !== 'hidden';
    27.     }

    29.     function clickPrev() {
    30.         const prevBtn = document.getElementById('zimg_prev');
    31.         if (prevBtn && isImageViewerActive()) {
    32.             prevBtn.click();
    33.         }
    34.     }

    36.     function clickNext() {
    37.         const nextBtn = document.getElementById('zimg_next');
    38.         if (nextBtn && isImageViewerActive()) {
    39.             nextBtn.click();
    40.         }
    41.     }

    43.     function closeViewer() {
    44.         const closeBtn = document.querySelector('#imgzoom .imgclose');
    45.         if (closeBtn && isImageViewerActive()) {
    46.             closeBtn.click();
    47.         }
    48.     }

    50.     function addViewerKeyboardListener() {
    51.         const viewer = document.getElementById('imgzoom');
    52.         if (!viewer || viewer.dataset.keyboardListenerAdded) return;

    54.         viewer.addEventListener('keydown', handleViewerKeyDown, true);
    55.         viewer.dataset.keyboardListenerAdded = 'true';
    56.         viewer.setAttribute('tabindex', '-1');
    57.     }

    59.     function handleViewerKeyDown(e) {
    60.         if (!isImageViewerActive()) return;

    62.         let handled = false;

    64.         switch(e.key) {
    65.             case config.hotkey.prev:
    66.             case config.hotkey.prevAlt:
    67.                 e.preventDefault();
    68.                 e.stopPropagation();
    69.                 e.stopImmediatePropagation();
    70.                 clickPrev();
    71.                 handled = true;
    72.                 break;

    74.             case config.hotkey.next:
    75.             case config.hotkey.nextAlt:
    76.                 e.preventDefault();
    77.                 e.stopPropagation();
    78.                 e.stopImmediatePropagation();
    79.                 clickNext();
    80.                 handled = true;
    81.                 break;

    83.             case config.hotkey.close:
    84.                 e.preventDefault();
    85.                 e.stopPropagation();
    86.                 e.stopImmediatePropagation();
    87.                 closeViewer();
    88.                 handled = true;
    89.                 break;
    90.         }

    92.         if (handled) {
    93.             e.preventDefault();
    94.             e.stopPropagation();
    95.             e.stopImmediatePropagation();
    96.             return false;
    97.         }
    98.     }

    100.     function handleGlobalKeyDown(e) {
    101.         if (!isImageViewerActive()) return;

    103.         const hotkeys = [
    104.             config.hotkey.prev,
    105.             config.hotkey.next,
    106.             config.hotkey.close,
    107.             config.hotkey.prevAlt,
    108.             config.hotkey.nextAlt
    109.         ];

    111.         if (hotkeys.includes(e.key)) {
    112.             e.stopImmediatePropagation();

    114.             switch(e.key) {
    115.                 case config.hotkey.prev:
    116.                 case config.hotkey.prevAlt:
    117.                     clickPrev();
    118.                     break;
    119.                 case config.hotkey.next:
    120.                 case config.hotkey.nextAlt:
    121.                     clickNext();
    122.                     break;
    123.                 case config.hotkey.close:
    124.                     closeViewer();
    125.                     break;
    126.             }

    128.             return false;
    129.         }
    130.     }

    132.     const observer = new MutationObserver((mutations) => {
    133.         mutations.forEach((mutation) => {
    134.             if (mutation.addedNodes.length) {
    135.                 mutation.addedNodes.forEach((node) => {
    136.                     if (node.id === 'imgzoom' || (node.querySelector && node.querySelector('#imgzoom'))) {
    137.                         setTimeout(() => {
    138.                             const viewer = document.getElementById('imgzoom');
    139.                             if (viewer) {
    140.                                 addViewerKeyboardListener();
    141.                                 viewer.focus();
    142.                             }
    143.                         }, 150);
    144.                     }
    145.                 });
    146.             }

    148.             if (mutation.type === 'attributes') {
    149.                 const target = mutation.target;
    150.                 if (target.id === 'imgzoom' && mutation.attributeName === 'style') {
    151.                     const viewer = document.getElementById('imgzoom');
    152.                     if (viewer && viewer.style.display !== 'none') {
    153.                         setTimeout(() => {
    154.                             addViewerKeyboardListener();
    155.                             viewer.focus();
    156.                         }, 150);
    157.                     }
    158.                 }
    159.             }
    160.         });
    161.     });

    163.     observer.observe(document.body, {
    164.         childList: true,
    165.         subtree: true,
    166.         attributes: true,
    167.         attributeFilter: ['style', 'class']
    168.     });

    170.     document.addEventListener('keydown', handleGlobalKeyDown, true);

    172.     if (isImageViewerActive()) {
    173.         setTimeout(() => {
    174.             const viewer = document.getElementById('imgzoom');
    175.             if (viewer) {
    176.                 addViewerKeyboardListener();
    177.                 viewer.focus();
    178.             }
    179.         }, 500);
    180.     }

    182.     document.addEventListener('click', (e) => {
    183.         if (e.target && e.target.classList &&
    184.             (e.target.classList.contains('imgclose') ||
    185.              e.target.closest('.imgclose'))) {
    186.             const viewer = document.getElementById('imgzoom');
    187.             if (viewer && viewer.dataset.keyboardListenerAdded) {
    188.                 viewer.removeEventListener('keydown', handleViewerKeyDown, true);
    189.                 delete viewer.dataset.keyboardListenerAdded;
    190.             }
    191.         }
    192.     }, true);
    193. })();
    复制代码


    评分

    参与人数 2追随 +2 堕落 +1 收起 理由
    书の妖怪 + 1 来支持惹
    you9632587 + 1 + 1

    查看全部评分

    楼主新帖
    楼主热帖
    回复

    使用道具 举报

    Lvl. 10 · I

    GM活动员

    收到情书『随时随地开启！』破损的旧书『随时随地开启！』雪王的心脏人鱼之泪苏格兰圆脸胖鸡[Pro Max]位面引航器不曾寄出的信件幽灵竹筒
      凯诺斯 发表于 2026-1-1 20:40:22 | 显示全部楼层 <
      快捷切换图片还是挺实用的惹，浏览变得更方便了
      回复

      使用道具 举报

      GM活动员

      福卡·曙红[4]火玛瑙福卡·锰紫[7]鎏彩万幢男巫之歌女巫之路虚空之海的鲸業火死鬥实现梦想官复原职
        娱乐法师火布偶 发表于 2026-1-1 20:47:50 | 显示全部楼层 <
        喜欢查看小图的坛友应该更能用到这个脚本了
        回复

        使用道具 举报

        元灵化法杖超人能量和弦Walko Duck福卡·澄黄[0]福卡·锰紫[1]福卡·曙红[2]青鸾
          点击输入文字 发表于 2026-1-1 20:48:09 | 显示全部楼层 <
          打上这个泥潭的看图时无法切图的缺点就解决了惹，正在利用脚本飞速进化
          回复

          使用道具 举报

          火玛瑙永远的克叔极·龙の意新神的赐福官复原职实现梦想男巫之歌传奇業火死鬥虚空之海的鲸
            2297988 发表于 2026-1-1 21:10:52 | 显示全部楼层 <
            好耶，方便的脚本又加了一个=3=~
            这下可以更开心地逛泥潭了
            回复

            使用道具 举报

            桂花米糕发条八音盒弗雷迪玩偶河豚寿司荧光水母Amicus福卡·澄黄[2]福卡·锰紫[3]福卡·曙红[1]
              Styphon 发表于 2026-1-1 21:21:45 | 显示全部楼层 <
              这个看图真的好方便的说，不用一张张点了
              回复

              使用道具 举报

              这天我们之间是粉色的抉择You Can Pet BlaiddSCP-s-1889-第五页达拉然Dante圣金魔典夜魔护符呆猫
                crabee 发表于 2026-1-1 22:16:21 | 显示全部楼层 <
                能用键盘控制很方便了，工作一整天用鼠标已经很累了
                回复

                使用道具 举报

                火玛瑙福卡·曙红[7]福卡·澄黄[4]福卡·锰紫[4]自定义男从Homunculus诺克提斯·路西斯·伽拉姆Forever Titanic钢铁侠永远的克叔【夏日限定】夏日的泰凯斯
                  轮回2L 发表于 2026-1-1 22:44:28 | 显示全部楼层 <
                  也是能节省很多时间惹，不用再再次点击图片了
                  回复

                  使用道具 举报

                    zeldafire 发表于 2026-1-1 22:50:15 | 显示全部楼层 <
                    擦，之前都没注意过原来discuz的图片浏览不带左右箭头的啊
                    回复

                    使用道具 举报

                    業火死鬥传奇无尽的怀表枫叶的站台史莱姆牧场虚空之海的鲸竹取物语月下的誓言缘起星空男巫之歌
                      柏芸 发表于 2026-1-1 23:35:15 | 显示全部楼层 <
                      很棒的脚本诶，小图点开看总觉得有点麻烦，这样一看就方便多了
                      回复

                      使用道具 举报

                      福卡·曙红[6]福卡·澄黄[7]福卡·锰紫[8]河豚寿司荧光水母命运的轮廓检定场『狄文卡德的残羽』『厢庭望远』万众瞩目
                        zhuovboyan 发表于 2026-1-1 23:40:02 | 显示全部楼层 <
                        0-0 快捷切换图片嘛~感觉这样对咸鱼方便好多呀~
                        回复

                        使用道具 举报

                        我的天使GM吸血伯爵吃饱金币的Doge苏格兰圆脸胖鸡小小舞台守卫: 坚守眼位永浴爱河肉垫手套御医神兔『搓粉团珠』
                          毛茸茸兽兽 发表于 2026-1-1 23:41:26 | 显示全部楼层 <
                          挺方便的欸～省去退出再点击下一张的步骤了
                          回复

                          使用道具 举报

                          火玛瑙鎏彩万幢Zootopia都市：天际线2叶卡捷琳娜大帝传奇实现梦想官复原职丹雀衔五穗，人间始丰登丹妮莉丝·坦格利安
                            威风妖怪麒麟 发表于 2026-1-2 01:10:17 | 显示全部楼层 <
                            帖子里面的图片太多的时候很需要了
                            回复

                            使用道具 举报

                            福卡·曙红[0]福卡·澄黄[0]福卡·锰紫[0]火玛瑙
                              熊赳赳 发表于 2026-1-2 02:13:54 | 显示全部楼层 <
                              这个脚本太方便了！键盘党狂喜！真的不喜欢一直搓触摸板惹 (╯▽╰ )
                              回复

                              使用道具 举报

                              思绪骤聚You Can Pet Blaidd泰比里厄斯Amicus可鲁贝洛斯BIG BOSS诺克提斯·路西斯·伽拉姆亚瑟‧摩根杰森‧斯坦森性感男神GM
                                呆到自然蠢 发表于 2026-1-2 03:11:26 | 显示全部楼层 <
                                这个真的很实用诶 不用来回点开图片了
                                回复

                                使用道具 举报

                                福卡·曙红[2]福卡·澄黄[7]福卡·锰紫[5]艾吉奥岛田半藏诺克提斯·路西斯·伽拉姆萨菲罗斯岛田源氏BIG BOSS康纳/Connor
                                  2302594 发表于 2026-1-2 06:23:56 | 显示全部楼层 <
                                  图片太多的时候确实很需要这种脚本
                                  回复

                                  使用道具 举报

                                  缘起星空
                                    you9632587 发表于 2026-1-2 08:20:58 | 显示全部楼层 <
                                    这种脚本对于看图多的帖子真是方便很多了啊
                                    回复

                                    使用道具 举报

                                    念念往日士官盔【新手友好】昆進福卡·曙红[8]福卡·澄黄[8]福卡·锰紫[8]
                                      wzsglr 发表于 2026-1-2 09:49:53 | 显示全部楼层 <
                                      这个脚本很实用，看图更方便了，感谢楼主
                                      回复

                                      使用道具 举报

                                      福卡·曙红[5]福卡·澄黄[1]福卡·锰紫[6]索林·临终一役永冻土里昂‧S‧甘乃迪竹取物语炽焰咆哮虎You Can Pet Blaidd质量效应三部曲
                                        黑夜下的灯光 发表于 2026-1-2 10:53:08 | 显示全部楼层 <
                                        相当实用的脚本呢，无论是操作还是观赏性都得到了极大的提升呢
                                        回复

                                        使用道具 举报

                                        最终幻想XVI荒野大镖客：救赎 II福卡·曙红[2]福卡·澄黄[8]福卡·锰紫[1]火玛瑙最终幻想XIV
                                          1458209048 发表于 2026-1-2 10:54:04 | 显示全部楼层 <
                                          这下切换图片变得方便多了，感谢楼主的制作与分享
                                          回复

                                          使用道具 举报

                                          下一页 »
                                          12下一页
                                          返回列表 发新帖
                                          高级模式
                                          B Color Image Link Quote Code Smilies
                                          您需要登录后才可以回帖 登录 | 立即注册

                                          本版积分规则

                                          关闭

                                          站长公告上一条 /2 下一条

                                          文字版|手机版|小黑屋|GameMale

                                          GMT+8, 2026-3-2 14:05 , Processed in 0.249707 second(s), 152 queries , Redis On.

                                          Copyright © 2013-2026 GameMale

                                          All Rights Reserved.

                                          快速回复 返回列表