如何在Tumblr的文本帖子中使用高分辨率照片？

Question

我正在尝试在Tumblr Text帖子中使用高分辨率.当我将照片上传到文本帖子时,Tumblr将其调整为500px

图像显示:

<img src="http://41.media.tumblr.com/d8ceea903cb5cd667e416877bf4a8a70/tumblr_inline_nxihvl2VdX1r5y5rv_500.jpg" alt="image" data-orig-width="2640" data-orig-height="3960" width="500" height="750">

如果我将500更改为data-orig-width值不会给我原始图像,但我只想要一个1280图像.如果我将500改为1280,它会给我一张1280的图像

500px:http://41.media.tumblr.com/d8ceea903cb5cd667e416877bf4a8a70/tumblr_inline_nxihvl2VdX1r5y5rv_500.jpg

1280px:http://41.media.tumblr.com/d8ceea903cb5cd667e416877bf4a8a70/tumblr_inline_nxihvl2VdX1r5y5rv_1280.jpg

我已经尝试将图像的属性从500更改为1280并且它可以工作,但只有当帖子包含一个上传的图像时,它才会更改使用html编辑器发布的图像.如果帖子包含从编辑器上传的2个图像,则jQuery代码将在1280中显示第一个图像两次,但它不显示第二个图像.

jQuery代码:

//Retrieve image src path
var img_url = $('.tmblr-full img').attr("src");
//Retrieve the width at which the image is displayed, 500px
var normal_width = parseInt($('.tmblr-full img').attr("width"));
//Replace 500px with the original image width or 1280
var new_url = img_url.replace(normal_width, 1280);
//Assign new widths to the src and to the width attributes
$(".tmblr-full img").attr( "width", 1280);
$(".tmblr-full img").attr( "src", new_url);

我试过改变

var img_url = $('.tmblr-full img').attr("src");

至

var img_url = $(this).find('.tmblr-full img').attr("src");

但它没有做任何事情

Answer 1

使用{block:Posts inlineMediaWidth="1280"}和{/block:Posts}代替{block:Posts}和{/block:Posts}获取文本帖子正文和其他帖子的标题内的"1280px"宽图像(如果可用).您设置的宽度也会影响视频等内容.

您编码的原因不适用于通过"HTML"编辑器添加的内嵌图像; 很可能是因为该类tmblr-full仅figure包含通过"Rich text"编辑器上传的图像,Tumblr就是这样做的.

注意:您没有发布帖子的完整HTML.在这里,我假设您尝试jQuery的原因是因为您不知道我刚才所说的内容.

Tumblr主题文档