概要
アニメ「がっこうぐらし!」の公式サイトは訪れる時間帯によって雰囲気が変わります。ということでその昼夜のバージョンを切り替えるブックマークレットを作りました。
ブックマークレット
javascript:!function(){if("gakkougurashi.com"==location.hostname){var i=location.pathname.split("/")[1],o=$("body").hasClass("morning");$("body").toggleClass("morning",!o).toggleClass("night",o),$("#main_img").children("img").attr("src","/core_sys/images/main/"+("question"==i?"cont/---/---"+(o?"---":""):"top/main_img"+(o?"_ni":""))+".jpg"),o?$("#side_top,#side_bottom").remove():$("#side").prepend('<div id="side_top"></div>').append('<div id="side_bottom"></div>'),"chara"==i&&$("#clbgo1,#clbgo2,#clbgo3,#clbgo4,#clbgo5,#clbgo6,#clbgo7,#clbgo8").each(function(){this.src=o?this.src.replace(/\.jpg$/,"ni.jpg"):this.src.replace(/ni\.jpg$/,".jpg")}),"staffcast"==i&&$("#com_img1,#com_img2,#com_img3,#com_img4,#com_img5").children("img").each(function(){this.src=o?this.src.replace(/\.png$/,"ni.png"):this.src.replace(/ni\.png$/,".png")})}}();
登録の仕方
- まずこのページをブックマークに登録します。
- 上記コードをコピーします。
- 今登録したブックマークを編集する画面を開きます。
- タイトルは好きな名前にし、URLのところに先ほどコピーしたコードをペーストします。
使い方
- がっこうぐらし!公式サイトを開きます。
- ブックマーク画面を開き、登録したブックマークレットを開きます。
- 昼夜のバージョンが入れ替わります。2をすることで繰り返し使えます。
元ソース
jQueryが使えるので使いました。キャラクター、スタッフ・キャスト、???のページは個別に対応が必要でした。
(function() {
if (location.hostname !== "gakkougurashi.com") return;
var path = location.pathname.split("/")[1];
var morning = $("body").hasClass("morning");
$("body").toggleClass("morning", !morning).toggleClass("night", morning);
if (path !== "question") {
$("#main_img").children("img").attr("src", "/core_sys/images/main/top/main_img" + (morning ? "_ni" : "") + ".jpg");
} else {
$("#main_img").children("img").attr("src", "/core_sys/images/main/cont/---/---" + (morning ? "---" : "") + ".jpg");
}
if (morning) {
$("#side_top,#side_bottom").remove();
} else {
$("#side").prepend('<div id="side_top"></div>').append('<div id="side_bottom"></div>');
}
if (path === "chara") {
$("#clbgo1,#clbgo2,#clbgo3,#clbgo4,#clbgo5,#clbgo6,#clbgo7,#clbgo8").each(function() {
if (morning) {
this.src = this.src.replace(/\.jpg$/, "ni.jpg");
} else {
this.src = this.src.replace(/ni\.jpg$/, ".jpg");
}
});
}
if (path === "staffcast") {
$("#com_img1,#com_img2,#com_img3,#com_img4,#com_img5").children("img").each(function() {
if (morning) {
this.src = this.src.replace(/\.png$/, "ni.png");
} else {
this.src = this.src.replace(/ni\.png$/, ".png");
}
});
}
})();
その他
10月17日 ブックマークレットを更新しました。