jQuery 3D圖像+按鈕旋轉木馬

我正在尋找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按鈕。我可以使用上面的插件嗎？教授雲版本似乎沒有回報哪個項目在前面的「鉤子」。我有初學者到中級jQuery知識。 ;）謝謝！

來源

2010-11-18 zoblue

嗯，我能夠弄清楚：教授雲計算腳本確實有一個鉤子，當一個項目在前面。使用該功能，我可以使用img本身中的數據更改FB Like按鈕的URL。我基於腳本中已有的代碼：$（options.titleBox）.html（$（items [fIndex] .image）.attr（'title'））; – zoblue 2010-11-23 16:54:27

進入官方的回答，雲轉盤有這行代碼，改變了依賴於標題上的圖像是在前面：

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

使用，作爲一個基礎，我把該頁面的URL在

：「數據-URL」在轉盤

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

然後使用這行代碼在轉盤JS動態地添加在showFrontText函數FB Like按鈕上的每個屬性IMG

$("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-23 17:24:46 zoblue

jQuery 3D圖像+按鈕旋轉木馬

回答

相關問題