如何添加此幻灯片?

时间:2014-01-21 11:57:14

标签: javascript html css

Hello StackOverflow社区, 我有一个幻灯片,我想插入我的网站 但它有点复杂,因为它只有javascript文件 你可以在这里测试或下载它

http://fredhq.com/projects/roundabout/

我在此代码下有其他幻灯片,因为它清晰易懂

这是文件夹内容的图像! http://img208.imageshack.us/img208/2076/zekw.png

任何人都可以告诉我如何将其添加到网站上吗? 非常感谢

1 个答案:

答案 0 :(得分:1)

您必须创建此HTML

<ul class="your_class">
  <li><img src="" alt="" /></li>
  <li><img src="" alt="" /></li>
  <li><img src="" alt="" /></li>
  <li><img src="" alt="" /></li>
  <li><img src="" alt="" /></li>
  <li><img src="" alt="" /></li>
</ul>

包含带有此插件和init函数的JS文件,如下所示

$(document).ready(function() {
    $('ul.your_class').roundabout();
});