问题在JSFiddle中实现ImageBubbles

时间:2012-02-20 16:59:30

标签: jquery css

我正在尝试实现我在这里找到的这个JQuery ImageBubbles:

http://www.dynamicdrive.com/dynamicindex4/imagebubbles.htm

但是,我的JSFiddle中有一些错误类型:

http://jsfiddle.net/NinjaSk8ter/hbMzV/1/

如果有人能够解决我的错误,我会很感激

2 个答案:

答案 0 :(得分:1)

您忘记添加js / css,将其添加到您的HTML顶部...

<script src="http://www.dynamicdrive.com/dynamicindex4/imgbubbles.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://www.dynamicdrive.com/dynamicindex4/imgbubbles.css" />

这是我之前准备的一个...... http://jsfiddle.net/hbMzV/2/

这只是为了让它在jsfiddle中运行。如果你要在自己的网站上使用它,你只需要下载dynamicdrive提供的css / js文件并将它们托管在你自己的网站上,正确修复Uris

答案 1 :(得分:1)

Firebug显示无法正确下载脚本,为403 forbidden(http://www.dynamicdrive.com/dynamicindex4/imgbubbles.js)返回imgbubbles.js,因此导致错误:

$("ul#orbs").imgbubbles is not a function
http://fiddle.jshell.net/NinjaSk8ter/hbMzV/1/show/
Line 58