TumblrのPhotosetをレスポンシブにする

JavaScript | jQuery

まずテーマの編集から{Photoset}と書いてる部分が{Photoset-500}とか{Photoset-700}とかなってる場合は単純に{Photoset}とする。
それからテーマのどこかに以下のスクリプトを書き込む。

//tumblur_photoset responsive
function resizePhotosets(){
    var parentWidth = document.body.querySelector('.html_photoset').offsetWidth; 
    var photosets = document.body.querySelectorAll('iframe.photoset');
    for(var i = 0; i < photosets.length; ++i){
        var photoset = photosets[i];
        photoset.width = parentWidth;
    }   
}
window.onload = resizePhotosets;
window.onresize = resizePhotosets;

質問やご指摘など気軽にどうぞ

コメントを投稿する