4

私のウェブサイトの各投稿には、フォト ギャラリーが含まれています。ギャラリーは、フルサイズの画像にリンクするサムネイル画像で構成されています。また、投稿に PinIt ボタンを配置しました。問題は、ピン留めのためにサムネイル画像をキャッチすることです。

この種の問題について私が見つけたことに基づいて、ピン留めからサムネイルを除外し、代わりにフルサイズの画像を含める必要がある次のコードになりました。これらのどれも、ドンウではありません...

<a href="path_to_full_image" rel="lightbox[single_post]" pi:pinit:media="path_to_full_image">
     <img src="path_to_thumbnail" width="200" height="130" nopin="nopin" />
</a>

助言がありますか？

4

2 に答える 2

0

PinIt ボタンがフルサイズの画像を選択できるようにするには、画像を読み込んでページに表示する必要があります。そうでないため、グリッド ギャラリーにグラブすることはできません。回避策として、PinIt ボタンのクリック イベントをトリガーする前に、フル サイズの画像を事前に読み込むカスタム ロジックを用意することをお勧めします。このようなもの：

$('a[rel="lightbox"]').each(function(){
  image_src = $(this).attr('href');
  $('<img/>').attr('src',image_src).appendTo('#imageContainer');
  ;
})
$('#pinItButton').trigger('click');

このようにして、すべての画像をプリロードしてimageContainerブロックに配置し、グリッド ギャラリーを開いて画像を選択するクリックをトリガーします。

それが役に立てば幸い。

于 2013-11-28T11:27:08.873 に答える