読者です 読者をやめる 読者になる 読者になる

気楽に生きよう!

うつ病、野球、エンタメ 色々喋るよ

タグごとに「続きを読む」ボタンの背景画像を設定しようとして成功した件

カスタマイズ

スポンサーリンク

この記事はご覧のスポンサーの提供でお送りします

f:id:nuruta:20170312013233j:plain
出来たった(笑
仕組みが分かれば簡単でした。

成功した。

昨日、失敗したという記事を書きました。
nuruta2.hatenablog.com

「続きを読む」という要素は1つしか無いけれど、それぞれに別のリンクが張られている。
ならば、画像も出来るだろうということに気づいたら、あとは簡単でした。

記事毎の「続きを読む」にアクセスするように工夫すれば良いだけだったんですね。
こんな感じで。

$(function(){
	var topEntries = $(".entry-inner");
	var presentCategory2 = "";
	var x=1;
	topEntries.each(function(){
		var archiveEntry = $(this);
		var cateX = archiveEntry.find(".categories");
		presentCategory2 = cateX.text();
		var esm = archiveEntry.find(".entry-see-more");
		if (presentCategory2.indexOf("漫画") > -1) {
			esm.css({backgroundImage: 'url("http://cdn-ak.f.st-hatena.com/images/fotolife/n/nuruta/20170313/20170313004904.jpg?1489333839")'});
		} else if(presentCategory2.indexOf("アニメ") > -1) {
			esm.css({backgroundImage: 'url("http://cdn-ak.f.st-hatena.com/images/fotolife/n/nuruta/20170313/20170313004908.jpg?1489334010")'});
		} else if(presentCategory2.indexOf("映画") > -1) {
			esm.css({backgroundImage: 'url("http://cdn-ak.f.st-hatena.com/images/fotolife/n/nuruta/20170313/20170313004939.jpg?1489334033")'});
		} else if(presentCategory2.indexOf("フィギュア") > -1) {
			esm.css({backgroundImage: 'url("http://cdn-ak.f.st-hatena.com/images/fotolife/n/nuruta/20170313/20170313004906.jpg?1489333982")'});
		} else if(presentCategory2.indexOf("ラノベ") > -1) {
			esm.css({backgroundImage: 'url("http://cdn-ak.f.st-hatena.com/images/fotolife/n/nuruta/20170313/20170313004938.jpg?1489334021")'});
		} else if(presentCategory2.indexOf("ゲーム") > -1) {
			esm.css({backgroundImage: 'url("http://cdn-ak.f.st-hatena.com/images/fotolife/n/nuruta/20170313/20170313004905.jpg?1489333950")'});
		} else {
			esm.css({backgroundImage: 'url("http://cdn-ak.f.st-hatena.com/images/fotolife/n/nuruta/20170313/20170313004907.jpg?1489333999")'});
		}
		x++;
	});
});

昨日失敗していたのは、記事毎の「続きを読む」にアクセスしていなかったから。
な~んだと。

完成図です。
f:id:nuruta:20170314025541j:plain

うん。
どうなんだろうこれwww
元に戻すかも。