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 Like按钮。似乎当我在功能上方的轮播中添加直图像以外的内容时！请让我知道这是否可能，或者我是否只需要推倒创意团队并说这是不可能的（我猜是这种情况，因为尺寸按钮的数学可能会破坏）。

或者即使最前面的汉堡处于焦点位置，然后在前面显示它的 FB Like 按钮。我可以使用上述插件之一来做到这一点吗？教授云版似乎没有返回哪个项目在前面的“钩子”。我有初级到中级的 jQuery 知识。;） 谢谢！

4

1 回答 1

0

输入官方答案，云轮播有这行代码，根据前面的图像更改标题：

$(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 Like按钮：

$("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 回答