2009-08-17 1 views
0

Сейчас я строю сайт. Вот ссылка: http://theoew.uuuq.com/home/проблемы с jcarousel

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

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

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

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

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

Woops! вот ссылка для слайд-шоу.

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

ответ

0

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

+1

То, что я сделал с моим ответом. Я думаю, вы изменили некоторые CSS после публикации исходного примера, и поэтому мой ответ больше не работал. –

+0

Да, я исправил и в итоге просто переключился на jFlow. Спасибо за вашу помощь. – codedude

2

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

Изменение:

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

в:

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

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

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

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

+0

Я пробовал это, но это не помогло ... также я загрузил версию с вашими советами ... та же ссылка ... Я более подробно рассмотрю ваш пример – codedude

+0

uggg ... I ' я отказался от просмотра этой страницы примера ... Я понятия не имею, как это работает на этом сайте, но не на моем сайте ... – codedude

+0

Похоже, что есть другой CSS, который отличается от того, что я дал. Попробуйте использовать только CSS, который я использую в этом примере, и посмотреть, можете ли вы заставить его работать. –