| ◆少前百科是非盈利性、非官方的少女前线维基百科。 ◆如果您发现某些内容错误/空缺，请勇于修正/添加！参与进来其实很容易！点这里 加入少前百科。 ◆有任何意见、建议、纠错，欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群：597764980，微博@GFwiki少前百科 ◆To foreigners，You can use twitter to contact us. |
|
“Widget:SkinQuery/js”的版本间的差异
（更新） |
（更新） |
||
| 第382行： | 第382行： | ||
function creat_click(){ | function creat_click(){ | ||
$('.skinpicndiv').click(function(){ | $('.skinpicndiv').click(function(){ | ||
| − | $("#skinalbum").fadeIn(); | + | $("#skinalbumpic").hide(); |
| + | var img = new Image(); | ||
| + | $(img).load(function(){ $("#skinalbumpic").fadeIn(200);}); | ||
| + | $(img).attr({"src": $(this).attr("data-pica").replace(/ /g, "_")}); | ||
| + | |||
| + | $("#skinalbum").fadeIn(300); | ||
$("#skinalbumpic").attr("data-pica", $(this).attr("data-pica").replace(/ /g, "_")); | $("#skinalbumpic").attr("data-pica", $(this).attr("data-pica").replace(/ /g, "_")); | ||
$("#skinalbumpic").attr("data-picb", $(this).attr("data-picb").replace(/ /g, "_")); | $("#skinalbumpic").attr("data-picb", $(this).attr("data-picb").replace(/ /g, "_")); | ||
| 第413行： | 第418行： | ||
$("#mw-content-text").append(html_text); | $("#mw-content-text").append(html_text); | ||
| + | $("#skinalbum").attr("the_width", the_width); | ||
$("#skinalbum").css({"width":album_width, "height":album_width, "left":(String((window.innerWidth - the_width + 20)/2) + "px"), "top":(String((window.innerHeight - the_width + 20)/2) + "px")}); | $("#skinalbum").css({"width":album_width, "height":album_width, "left":(String((window.innerWidth - the_width + 20)/2) + "px"), "top":(String((window.innerHeight - the_width + 20)/2) + "px")}); | ||
$("#skinalbumpic").css({"width":pic_width, "height":pic_width}); | $("#skinalbumpic").css({"width":pic_width, "height":pic_width}); | ||
$("#skinalbumswitch").click(function(){ | $("#skinalbumswitch").click(function(){ | ||
| − | if($("#skinalbumpic").attr("state") == "a"){ | + | $("#skinalbumpic").fadeOut(200); |
| − | + | ||
| − | + | setTimeout(function(){ | |
| − | + | var img = new Image(); | |
| − | + | $(img).load(function(){ $("#skinalbumpic").fadeIn(200);}); | |
| − | + | ||
| − | } | + | if($("#skinalbumpic").attr("state") == "a"){ |
| + | $(img).attr({"src": $("#skinalbumpic").attr("data-picb")}); | ||
| + | $("#skinalbumpic").attr("src", $("#skinalbumpic").attr("data-picb")); | ||
| + | $("#skinalbumpic").attr("state", "b"); | ||
| + | } else { | ||
| + | $(img).attr({"src": $("#skinalbumpic").attr("data-pica")}); | ||
| + | $("#skinalbumpic").attr("src", $("#skinalbumpic").attr("data-pica")); | ||
| + | $("#skinalbumpic").attr("state", "a"); | ||
| + | } | ||
| + | }, 200); | ||
}); | }); | ||
$("#skinalbumclose").click(function(){ | $("#skinalbumclose").click(function(){ | ||
| − | $("#skinalbum").fadeOut(); | + | $("#skinalbum").fadeOut(300); |
}); | }); | ||
| + | } | ||
| + | |||
| + | function creat_albumpic(){ | ||
| + | let html_text = `<img id="skinalbumpic" src="" state="a" \/>`; | ||
| + | $("#skinalbum").append(html_text); | ||
| + | |||
| + | let the_width = $("#skinalbum").attr("the_width"); | ||
| + | $("#skinalbumpic").css({"width":(String(the_width - 40) + "px"), "height":(String(the_width - 40) + "px")}); | ||
} | } | ||
}) | }) | ||
</script></includeonly> | </script></includeonly> | ||
