如何让Pinterest按钮抓取真实大小的博主图像,而不是缩略图
How to make Pinterest button grab a real size blogger image instead a thumbnail
我在博客上使用了这个Pinterest按钮
<li><a class='pinterest share-tooltip share-tooltip-top' data-share-tooltip='Share on Pinterest' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&media=" + data:post.firstImageUrl + "&description=" + data:post.title' target='_blank'><i class='fa fa-pinterest'/>Pinterest</a></li>
正如你所看到的,我使用data:post.firstImageUrl作为图像的来源。。。但问题是,我让我的拳头图像没有以全尺寸显示,只有缩略图(中等尺寸)。。。所以当我使用这个数据时:post.firstImageUrl…共享的图像只是缩略图,而不是真正的
这是我从数据中得到的缩略图URL示例:post.firstImageUrl
https://3.bp.blogspot.com/-W-g2qYS-Kh0/V5gs0FvhpKI/AAAAAAAAFSY/yh_3p00aSA4-fRa65NH4cQ83iEngZhDeACLcB/s640/BMW-M5-30-Jahre-2014-1.jpg
这是我想要的全尺寸图像URL
https://3.bp.blogspot.com/-W-g2qYS-Kh0/V5gs0FvhpKI/AAAAAAAAFSY/yh_3p00aSA4-fRa65NH4cQ83iEngZhDeACLcB/s1600/BMW-M5-30-Jahre-2014-1.jpg
正如你所看到的,不同之处只出现在这一部分xxx://xxx/xxx/s640/xxx和xxx://xxx/xxx/s1600/xxx。。。
我的问题是如何将这个URL部分s640更改为这个s1600,以及如何将其分配到我的pinterest按钮中
我曾经看到有人使用JavaScript来更改这个URL部分/s640/,他用它来自动调整缩略图大小,我不熟悉JavaScript,所以我不太理解它,这是代码
img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" alt="'+post_title+'"/
您可以使用此版本中的脚本。但它需要一点改变。
<script type='text/javascript'>
//<![CDATA[
function thumbnail_resize(image_url) {
var image_size = 1600;
image_tag = image_url.replace('/s640/','/s' + image_size + '/');
if(image_url != "") {
return image_tag;
} else {
return "";
}
}
//]]>
</script>
这里我们替换了图片的URL。
<script type='text/javascript'>document.write('<a class="pinterest share-tooltip share-tooltip-top" data-share-tooltip="Share on Pinterest" href="http://pinterest.com/pin/create/button/?url=<data:post.url/>&media=' + thumbnail_resize("<data:post.firstImageUrl/>") + '&description=<data:post.title/>">PING</a>');</script>
在这里,我们通过JavaScript粘贴了链接。
相关文章:
- 当页面包含指向一个图像的多个链接时,fancyBox会复制缩略图辅助图像
- 用较大的图像交换缩略图
- 不应选择缩略图优先图像
- 为缩略图库和较大图像库添加下一个和上一个按钮
- 缩略图图像滑块
- 图像缩略图库中的“下一个”和“上一个”按钮中的“问题”
- 图像库缩略图滑块
- 缩略图库的XML数据图像绑定
- 在缩略图库中显示图像
- 缩略图单击时图像未以模式显示
- JS照片库.使大图像显示和缩略图可单击
- 尝试显示使用 php 和数据库检索的缩略图中的全尺寸图像
- 如何使用jQuery单击其缩略图时显示主图像
- JS-点击缩略图将显示正确的图像
- 动态加载的缩略图显示其他缩略图的全尺寸图像,而不是自己的缩略图(使用javascript悬停效果)
- ExtJS FormPanel,文件上传旁边有图像缩略图
- 显示从文件选择器中选择的图像的图像缩略图
- Jquery缩略图库正在更改所有图像
- 基于缩略图在路径中循环浏览图像
- 如何使用javascript在缩略图中移动多个图像(从phpmyadmin检索)