jQuery旋轉木馬動畫跳躍

我使用CarouFredSel jQuery插件（http://caroufredsel.dev7studios.com）在我的網站上創建動畫旋轉木馬。但是，我注意到動畫不正確 - 它將waaay設置得太遠（與我編碼的設置相比），然後在動畫結束時跳到正確的位置。jQuery旋轉木馬動畫跳躍

下面是發生錯誤的頁面：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 
});

誰能幫助？我無法弄清楚這一點。

來源

2012-10-24 Justine

只是爲了讓你知道訪問您的網站時，我得到一個js語法錯誤 - '$（「＃地圖，#mapa」）動畫（{不透明度：1}，500;' - 看起來像你已將您的工期放在錯誤的地方:) – Pebbl

正如Dieter所說，您錯過了服務器上的文件'scripts.js'。 http://mnogal.pl/kopernik/html/js/ – thingEvery

scripts.js未放置在正確的路徑中 –

服務器上沒有scripts.js（http://mnogal.pl/kopernik/html/js/scripts.js）。這個錯誤會導致其他javascript無法運行。首先得到固定的！

來源

2012-10-29 15:17:07 Dieter

我可以推薦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-02 17:00:59

你可能想試試這個：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">…</div> 
    <div class="item">…</div> 
    <div class="item">…</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-02 23:02:28 nicooga

jQuery旋轉木馬動畫跳躍

回答

相關問題