2010-11-18 144 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按钮。我可以使用上面的插件吗?教授云版本似乎没有回报哪个项目在前面的“钩子”。我有初学者到中级jQuery知识。 ;) 谢谢!

+0

嗯,我能够弄清楚:教授云计算脚本确实有一个钩子,当一个项目在前面。使用该功能,我可以使用img本身中的数据更改FB Like按钮的URL。我基于脚本中已有的代码:$(options.titleBox).html($(items [fIndex] .image).attr('title')); – zoblue 2010-11-23 16:54:27

回答

0

进入官方的回答,云转盘有这行代码,改变了依赖于标题上的图像是在前面:

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