4

我正在使用 CarouFredSel jQuery 插件 ( http://caroufredsel.dev7studios.com ) 在我的网站上创建动画轮播。但是，我注意到动画不正确 - 它动画太远（与我编码的设置相比），然后在动画结束时，它跳转到正确的位置。

这是出现错误的页面：http: //mnogal.pl/kopernik/html/strona_glowna.html - 文本应该始终在中间，并且动画应该只是移动到将下一个文本定位在中间。

目前它的设置类似于 PIC 1 - TEXT - PIC 2 - TEXT - PIC 1 等，因此如果有意义的话，它应该在每个动画之后交替两张图片的位置。

我最终在动画之后显示了正确的东西，它只是动画太远并且在它结束之前跳跃。

我检查了旁边的演示，没有发生类似的情况，我的代码也似乎正确，没有什么不寻常的：

$("#carousel .overview").carouFredSel({
    height: 507,
    items: {
          visible: 3,
    },
    scroll: {
        items: 2,
        duration: 3000
    },
    auto: 6000
});

任何人都可以帮忙吗？我想不通。

4

3 回答 3

7

服务器上没有 scripts.js (http://mnogal.pl/kopernik/html/js/scripts.js)。此生成的错误会阻止其他 javascript 运行。先把它修好！

于 2012-10-29T15:17:07.430 回答
2

我可以推荐 Twitter Bootstrap。

底部示例：http: //twitter.github.com/bootstrap

轮播示例：http: //twitter.github.com/bootstrap/examples/carousel.html

轮播代码：http: //twitter.github.com/bootstrap/javascript.html#carousel

于 2012-11-02T17:00:59.927 回答
0

您可能想试试这个：http: //jsfiddle.net/mW5Y9/2/。@MichaelCalkins 含义的现场演示。 

<div id="myCarousel" class="carousel slide" data-interval="your_interval_in_secs">
  <!-- Carousel items -->
  <div class="carousel-inner">
    <div class="active item">…&lt;/div>
    <div class="item">…&lt;/div>
    <div class="item">…&lt;/div>
  </div>
  <!-- Carousel nav -->
  <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
  <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>
于 2012-11-02T23:02:28.443 回答