「MediaWiki:Gadget-UserLinkAvatar.js」：修訂間差異

MediaWiki:Gadget-UserLinkAvatar.js (查看原始碼)

於 2024年7月25日 (四) 10:16 的修訂

增加 2,488 位元組、 2024年7月25日 (星期四)

测试头像样式（从萌娘百科抄的代码，试下行不行）

MangoFanFan

行政員、介面管理員、巡查員、管理員

1,052

次編輯

@@ 第1行： / 第1行： @@
-$('.mw-userlink').each(function(_, item) {
+/* <pre> */
-	item = $(item);
-	item.prepend($('<img/>').addClass('userlink-avatar').attr('src', mw.config.get('wgScriptPath') + '/extensions/Avatar/avatar.php?user=' + item.text()));
+"use strict";
-});
+(function () {
+   var magnifierOn = +mw.user.options.get("gadget-userLinkAvatarMagnifier", 0) === 1;
+   var $window = $(window);
+   var loadingImage = "https://img.moegirl.org.cn/common/d/d1/Windows_10_loading.gif";
+   $window.on("load.UserLinkAvatar", function () {
+     var images = [];
+     $(".mw-userlink:not(.user-avatar-added)").each(function (_, ele) {
+       var item = $(ele);
+       var src = "https://commons.moegirl.org.cn/extensions/Avatar/avatar.php?user=".concat(encodeURIComponent(item.text()));
+       var img = $("<img/>").on("error", function () {
+         window.setTimeout(function () {
+           img.closest(".userlink-avatar").remove();
+         }, 0);
+       }).addClass("userlink-avatar-small").attr({
+         "data-src": src,
+         src: loadingImage
+       });
+       images.push(img[0]);
+       var bigAvatar = $("<span/>").addClass("userlink-avatar");
+       item.prepend(bigAvatar.append(img));
+       item.addClass("user-avatar-added");
+       if (magnifierOn) {
+         var magnifierImg_1 = $("<img/>", {
+           attr: {
+             "data-src": src,
+             src: loadingImage
+           },
+           on: {
+             error: function () {
+               window.setTimeout(function () {
+                 magnifierImg_1.closest(".userlink-avatar-large").remove();
+               }, 0);
+             }
+           }
+         });
+         images.push(magnifierImg_1[0]);
+         bigAvatar.on("click", function () {
+           window.open("https://commons.moegirl.org.cn/index.php?title=Special%3A\u67E5\u770B\u5934\u50CF&user=".concat(encodeURIComponent(item.text())), "_blank");
+           return false;
+         }).append($("<div/>", {
+           attr: {
+             "class": "userlink-avatar-large"
+           }
+         }).prepend(magnifierImg_1)).addClass("userlink-avatar-hover");
+         item.before(bigAvatar);
+         bigAvatar.add(bigAvatar.children()).attr("title", "\u67E5\u770B\u7528\u6237".concat(item.text(), "\u7684\u5934\u50CF"));
+       }
+     });
+     if (typeof window.lazyload === "function") {
+       window.lazyload(images);
+     }
+     else {
+       images.forEach(function (ele) {
+         ele.src = ele.dataset.src;
+       });
+     }
+   });
+   $(function () {
+     $window.trigger("load.UserLinkAvatar");
+   });
+})();
+/* </pre> */