2010-11-18 9 views
1

私は3Dカルーセルを探しています(http://www.professorcloud.com/mainsite/carousel.htmなど)各画像の対応するボタンが付いた画像を許可する必要があります。例えばjQuery 3D画像+ボタンカルーセル

<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ボタンが表示されています。上記のプラグインの1つを使用してそれを行うことはできますか?教授の雲のバージョンは、どのアイテムが前に戻ってきたかに「フック」がないようでした。私は初心者から中間レベルのjQueryの知識を持っています。 ;)ありがとう!

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

ベースとして、私は、ページのURLを入れていることを使用:公式の答えを入力

+0

私はそれを理解することができました:教授の雲のスクリプトは、アイテムが前にあるときにフックを持っています。これを使用して、img自体のデータを使用してFB LikeボタンのURLを変更することができました。私は自分のコードを既にスクリプトに書いてあったものに基づいています:$(options.titleBox).html($(items [fIndex] .image).attr( 'title')); – zoblue

答えて

0

は、クラウドのカルーセルは画像が前にあるかに応じてタイトルを変更するコードの行を持っていますカルーセル内の各IMGの「データのurl」属性

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

その後showFrontText機能で動的にFBのLikeボタンを追加するには、カルーセルのjsのコード行を使用:

$("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>');