Tumblr:自动替换" _540.jpg"带" _1280.jpg"的图像图片

时间:2015-08-31 11:20:00

标签: javascript html size tumblr tumblr-themes

当我将照片上传到Tumblr文本帖子时,它会自动使用该照片的540px调整大小版本(请注意网址末尾的" _540.jpg " )

<img data-orig-height="675" data-orig-width="1200" alt="image" src="https://41.media.tumblr.com/08f28bf8ea1ee458a8d62dc7238f23a7/tumblr_inline_ntx4f3leGy1s7wjfw_540.jpg">

我可以编辑帖子的HTML并更改&#34; _540&#34;用&#34; _1280&#34;使它使用该图像的1280px版本(并删除一些东西,使其正常工作,看起来像这样):

<img src="https://41.media.tumblr.com/08f28bf8ea1ee458a8d62dc7238f23a7/tumblr_inline_ntx4f3leGy1s7wjfw_1280.jpg">

但是,在每个图片上,每个帖子上手动进行此更改都非常烦人。所以我想自动这样做。是否有可能在代码中包含一些东西来完成这项工作?

我知道这不是一个简单的问题。谢谢。

1 个答案:

答案 0 :(得分:0)

在页面底部添加:

    <script type="text/javascript">
    (function ($) {
        $('img').each(function() {
            $(this).attr('src', $(this).attr('src').replace('_540.','_1280.'));
        });
    }(jQuery));
    </script>