jcarousel проблемы

Сейчас я создаю сайт. Вот ссылка: http://theoew.uuuq.com/home/

Это, вероятно, не будет иметь особого смысла, если вы не посмотрите на веб-сайт, поэтому просто просмотрите следующий абзац, а затем перейдите на сайт и просто посмотрите слайд-шоу.

У меня проблема со слайд-шоу jcarousel. Позвольте мне сначала объяснить основы этого. Он автоматически переходит к следующему слайду, если вы не наведете на него курсор. По какой-то причине после третьего слайда вместо того, чтобы вернуться к первому слайду, он сначала перемещается примерно на 20 пикселей вправо, а затем возвращается к первому слайду, когда вы нажимаете кнопку «Далее». Похоже, что слайд-шоу считает, что есть дополнительный слайд шириной всего около 20 пикселей. Я (очевидно, не хочу, чтобы это произошло.)

Я сделал страницу только со слайд-шоу, чтобы вам, ребята, было немного легче мне помочь.

О, и я использовал пример автопрокрутки для начала.

Любая помощь будет принята с благодарностью.

Упс! вот ссылка на слайд-шоу само по себе.

http://theoew.uuuq.com/simple%20carousel/


jquery jcarousel
person codedude    schedule 17.08.2009    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Проблема в вашем файле skin.css. Внесите следующие изменения:

Изменять:

#mycarousel .slide {
    float:left;
    width:900px;
}

to:

#mycarousel .slide {
    float:left;
    width:940px;
}

и избавиться от:

.jcarousel-clip {
    margin:0 30px;
}

Вот пример правильной работы: http://jsbin.com/omema Изображения не отображаются правильно из-за к абсолютным путям в CSS, которые мне пришлось редактировать

person Tim Banks    schedule 17.08.2009
comment
Я попробовал это, но это не помогло ... также я загрузил версию с вашими советами ... та же ссылка ... Я повнимательнее рассмотрю ваш пример. - person codedude; 18.08.2009
comment
угг... Я перестал смотреть на эту примерную страницу... Я понятия не имею, как она работает на этом сайте, но не на моем сайте... - person codedude; 18.08.2009
comment
Похоже, есть какой-то другой CSS, отличный от примера, который я привел. Попробуйте использовать только CSS, который я использую в примере, и посмотрите, сможете ли вы заставить его работать. - person Tim Banks; 19.08.2009

arrow_upward
0
arrow_downward

Я решил свою проблему, сделав каждый слайд шириной контейнера слайдов. Это было связано с некоторыми испорченными отступами/полями и шириной в файлах css.

person codedude    schedule 20.08.2009
comment
По сути, это то, что я сделал со своим ответом. Я думаю, что вы изменили часть CSS после публикации исходного примера, и поэтому мой ответ больше не будет работать. - person Tim Banks; 01.09.2009
comment
да, я исправил и в итоге просто переключился на jFlow. Спасибо за вашу помощь. - person codedude; 05.09.2009