Wie Pinterest Schaltfläche, um eine reale Größe Blogger Bild greifen zu machen, anstatt ein Miniaturbild

Question

ich diesen Pinterest Button auf meinem Blog verwendet

<li><a class='pinterest share-tooltip share-tooltip-top' data-share-tooltip='Share on Pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.firstImageUrl + &quot;&amp;description=&quot; + data:post.title' target='_blank'><i class='fa fa-pinterest'/>Pinterest</a></li> 

wie Sie Ich bin mit Daten sehen: post.firstImageUrl als die Quelle des Bildes ... aber das Problem ist, dass ich mein Faust-Bild nicht in voller Größe nur ein Thumbnail (mittlere Größe) zeigt ... so, wenn ich diese Daten verwendet: post.firstImageUrl. .. das Bild, das geteilt wird nur ein thumbnail nicht das echte

hier ist die Probe von Thumbnail-URL, die ich von Daten erhielt: post.firstImageUrl

https://3.bp.blogspot.com/-W-g2qYS-Kh0/V5gs0FvhpKI/AAAAAAAAFSY/yh_3p00aSA4-fRa65NH4cQ83iEngZhDeACLcB/s640/BMW-M5-30-Jahre-2014-1.jpg 

und hier ist das Bild in voller Größe URL, die i

https://3.bp.blogspot.com/-W-g2qYS-Kh0/V5gs0FvhpKI/AAAAAAAAFSY/yh_3p00aSA4-fRa65NH4cQ83iEngZhDeACLcB/s1600/BMW-M5-30-Jahre-2014-1.jpg 

, wie Sie wollen kann die verschiedenen nur zu diesem Teil kommen xxx: // xxx/xxx/s640/xxx und xxx: // xxx/xxx/s1600/xxx ...

meine Frage ist, wie kann ich diesen Teil URL ändern S640 in diesem S1600 und wie sie in meine pinterest Taste zuweisen?

i jemand mit einem JavaScript hatte gesehen diese URL Teil ändern/S640/er verwendet es für Auto-Resize-Thumbnail, ich bin nicht vertraut mit JavaScript so bin ich nicht wirklich verstehen, ist hier Der Code

img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" alt="'+post_title+'"/ 

Answer 1

Sie können Skript von this pastie verwenden. Aber es braucht ein bisschen Veränderung.

<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> 

Hier haben wir die URL des Bildes ersetzt.

<script type='text/javascript'>document.write('&lt;a class=&quot;pinterest share-tooltip share-tooltip-top&quot; data-share-tooltip=&quot;Share on Pinterest&quot; href=&quot;http://pinterest.com/pin/create/button/?url=<data:post.url/>&amp;media=' + thumbnail_resize(&quot;<data:post.firstImageUrl/>&quot;) + '&amp;description=<data:post.title/>&quot;&gt;PING&lt;/a&gt;');</script> 

Und hier haben wir den Link per JavaScript eingefügt.