0

Pinterest は、Web ページの URL ではなく、個々の写真画像を対象としています。Twitter と Facebook はページの URL だけで問題ありませんが、Pinterest の場合は、ページの URL ではなく、個々の画像の URL を「ピン留め」ボタンのリンクに提供する必要があります。

Pin It ボタンを prettyPhoto プラグインに追加しようとしていますが、スライド内の個々の画像の img src とタイトルを取得して「Pint」に添付する方法がわからないことを除いて、これまでのところすべてが設定されています。それは「リンク。

jquery.prettyPhoto.jsのfacebookコードの直後に私が現在持っているもの:

<div class="pinterest">
    <a href="http://pinterest.com/pin/create/button/?url='+window.location.href+'&media='+$('#fullResImage').attr('src')+'&description='+$(this).attr('title')+'" class="pin-it-button" count-layout="horizontal" target="_blank">
        <img border="0" src="http://assets.pinterest.com/images/PinExt.png" title="Pin It" />
    </a>
</div>

しかし、何らかの理由で$('#fullResImage').attr('src')も$(this).attr('title')も正しく機能していません。ここでページを表示できます。スクリプトはここにあります。それらは「未定義」で空です。

誰かがそれらを機能させるのを手伝ってもらえますか? どうもありがとう！

4

4 に答える 4

1

{path}で置き換えられることはないため、上記のソリューションがどのように機能したかはわかりませんsettings.social_tools。

唯一の方法は、グローバルを宣言し、ケース (画像/ビデオ/その他) に応じてメディア URL を割り当て、最後に.pp_socialdivを更新することでした

もっとエレガントにできると確信していますが、これはより簡単なパッチであり、うまく機能します。

解決策を探している他の人のために、ここに変更されたきれいな写真のJavaScriptがあります

于 2013-02-06T09:44:15.010 に答える
1

これが機能する唯一の方法です。

画像に ID を使用しないでください。画像をピン留めするたびに、Web ページで ID を持つ最初の画像が取得されるためです。

コードについては以下を参照してください。

$('.prettyPhoto').prettyPhoto({ changepicturecallback: onPictureChanged, });

function onPictureChanged() {

  var href= "http://pinterest.com/pin/create/button/?url=" + encodeURIComponent(location.href.replace(location.hash,"")) +"&media="+$('#pp_full_res').find('img').attr('src');

  jQuery('.pp_social').append("<div class='pinterest' ><a   href='"+ href +"' class='pin-it-button' count-layout='horizontal' target='_blank'><img border='0' src='http://assets.pinterest.com/images/PinExt.png' title='Pin It'/></a></div>");

}
于 2015-05-21T10:04:44.943 に答える
0

コードを次のように変更したところ、現在は機能しています。

<div class="pinterest">
    <a href="http://pinterest.com/pin/create/button/?url='+encodeURIComponent(location.href.replace(location.hash,""))+'&media={path}&description={title}" class="pin-it-button" count-layout="horizontal" target="_blank">
        <img border="0" src="http://assets.pinterest.com/images/PinExt.png" title="Pin It" />
    </a>
</div>
于 2012-11-22T07:24:54.583 に答える