jQuery三维image+button旋转木马

Question

我正在寻找一个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一样按钮时，在前面。我能用上面的一个插件来做吗？教授云版本似乎没有一个“钩子”返回哪个项目在前面。我有初级到中级的jQuery知识.)谢谢！

Answer 1

在正式答案中，云旋转木马有以下代码行，根据前面的图像更改标题：

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

使用它作为基础，我将页面的URL放在旋转木马中每个img的'data-url‘属性中。

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

然后在旋转木马js中使用这一行代码动态地在showFrontText函数中添加FB按钮：

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