1

3D カルーセル ( http://www.professorcloud.com/mainsite/carousel.htmなど)を探していますが、各画像に対応するボタンを使用して画像を許可する必要があります。

例えば：

<ul><li><img><fb:like></li>
<li><img><fb:like></li>
<li><img><fb:like></li>
<li><img><fb:like></li>
<li><img><fb:like></li></ul>

製品のカルーセルが必要で、それぞれに対応する Facebook のようなボタンが必要です。上のカルーセルにストレート画像以外のコンテンツを追加すると、機能が壊れてしまうようです! これが可能かどうか、または単にクリエイティブ チームにプッシュバックして不可能だと言う必要があるかどうかをお知らせください (ボタンのサイズ変更に関する計算が壊れる可能性があるため、これが当てはまると思います)。

または、フォーカスされている最前面のハンバーガーが前面にあるときに FB Like ボタンを示している場合でも. 上記のプラグインのいずれかを使用してそれを行うことはできますか? プロフェッサー クラウド バージョンには、前にあるアイテムを返す際の「フック」がないように見えました。私は初心者から中級レベルの jQuery の知識を持っています。;） ありがとう！

4

1 に答える 1

0

公式の回答を入力すると、クラウド カルーセルには、前にある画像に応じてタイトルを変更する次のコード行があります。

$(options.titleBox).html( $(items[fIndex].image).attr('title'));

それをベースとして使用して、ページの URL をカルーセルの各画像の「data-url」属性に入れました。

<img src='img/myimage.png' data-url='fb-page-name'>

次に、カルーセル js で次のコード行を使用して、FB Like ボタンを showFrontText 関数に動的に追加します。

$("p.like").html('<iframe src=\"http:\/\/www.facebook.com\/plugins\/like.php?href=http://www.facebook.com/'+$(items[fIndex].image).attr('data-url')+'&layout=button_count&show_faces=false&width=80&action=like&font=arial&colorscheme=light\" scrolling=\"no\" frameborder=\"0\" style=\"border:none; overflow:hidden; width:80px; height:80px\" allowTransparency=\"true\"><\/iframe>');
于 2010-11-23T17:24:46.457 に答える