タグごとに「続きを読む」ボタンの背景画像を設定しようとして成功した件
出来たった(笑
仕組みが分かれば簡単でした。
成功した。
昨日、失敗したという記事を書きました。
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++; }); });
昨日失敗していたのは、記事毎の「続きを読む」にアクセスしていなかったから。
な~んだと。
完成図です。
うん。
どうなんだろうこれwww
元に戻すかも。