ページ送りボタンにメイン画像を追加するJS

目的

muragonのカスタマイズ。
記事中のページ送りボタンに、前次ページのメイン画像をサムネイルとして追加する。
サムネルサイズは64×64pxとする。

Javascript

$(function() {

/* 前ページ */
if($(".entry-pagination .prev").length) {
var prev = $(".entry-pagination .prev").attr("href");
var html = get_img(prev);
$(".entry-pagination .prev span").before(html);
}

/* 次ページ */
if($(".entry-pagination .next").length) {
var next = $(".entry-pagination .next").attr("href");
var html = get_img(next);
$(".entry-pagination .next span").after(html);
}
});

function get_img(url) {
var nopic = 'サムネイル無し画像のURL';
var getData = $.ajax({url: 'https:' + url, async: false}).responseText;

/* DOM変換 */
var parser = new DOMParser();
var dom = parser.parseFromString(getData,"text/html");

/* メイン画像取得 */
var img = $("meta[property='og:image']",dom).attr('content');

/* 画像無? */
if(img.match(/crop/)) {
img = nopic;
} else {
img = img.replace(/(https:\/\/public\.muragon\.com\/.*\/.*)(.\png|.\jpg|.\gif)/,'$1/crop/64x64$2');
}
var html = '<img src="' + img + '">';
return html;
}

補足

メイン画像は以下に反映される。画像が無い場合、プロフィール画像(32×32px)が反映される。

<meta property="og:image" content="メイン画像URL">