JQuery карусель анимации прыжки

Я использую плагин jQuery от CarouFredSel (http://caroufredsel.dev7studios.com), чтобы создать анимированную карусель на моем сайте. Тем не менее, я заметил, что анимация не правильная - она ​​слишком оживляет waaay (по сравнению с настройками, которые я закодировал), а затем в конце анимации она переходит в правильное положение.

Здесь страница, на которой происходит ошибка: 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
});

Может ли кто-нибудь помочь? Я не могу понять это.

3 ответа

На сервере нет файлов scripts.js(http://mnogal.pl/kopernik/html/js/scripts.js). Созданная ошибка предотвращает запуск другого javascript. Сначала установите это!


Могу ли я рекомендовать Twitter Bootstrap.

Примеры внизу: http://twitter.github.com/bootstrap

Пример карусели: http://twitter.github.com/bootstrap/examples/carousel.html

Код карусели: http://twitter.github.com/bootstrap/javascript.html#carousel


Вы можете попробовать следующее: http://jsfiddle.net/mW5Y9/2/. Живая демонстрация того, что означает @MichaelCalkins.

<div id="myCarousel" data-interval="your_interval_in_secs">
 <!-- Carousel items -->
 <div>
 <div>…</div>
 <div>…</div>
 <div>…</div>
 </div>
 <!-- Carousel nav -->
 <a href="#myCarousel" data-slide="prev">‹</a>
 <a href="#myCarousel" data-slide="next">›</a>
</div>

licensed under cc by-sa 3.0 with attribution.