Jcarousel - отображать последнее изображение первым в бесконечном цикле

Мне интересно, есть ли у кого-нибудь, использующего Jcarousel, предложение о том, как клонировать или отображать самое последнее изображение карусели в качестве первого изображения.

Пример 5 фотографий, где карусель показывает 3 изображения, в настоящее время это выглядит так:

1 - 2 - 3 (4 и 5 ждут показа)

Вместо этого вот что я пытаюсь добиться при загрузке:

5 - 1 - 2 (3 и 4 ждут показа)

На данный момент я использую следующие настройки:

перенос: «круговой», прокрутка: 1, авто: 1,

Я пробовал смещение: -1, но это показывает пробел и не работает.

Я также пробовал смещение, чтобы запустить карусель с последнего изображения, однако, если для переноса установлено значение «круговой», это также не работает и делает другие изображения пустыми, пока вы не загрузите их вручную.

Я сделал все возможное, чтобы найти ответ самостоятельно, но был бы признателен за вашу помощь, заранее спасибо.

РЕДАКТИРОВАТЬ: я также открыт для предложений другого скрипта, который может это сделать - спасибо!

РЕДАКТИРОВАТЬ № 2: Прежде всего спасибо тем, кто комментирует. Дальнейшее исследование: я обнаружил, что этот сайт (www.anothermag.com) отлично справляется с показом последнего изображения, которое, как я полагаю, использует Jquery SerialScroll на основе кода. Я еще не попробовал это, но кажется очень многообещающим. Еще одна идея, которая у меня есть, состоит в том, чтобы посмотреть, смогу ли я сделать последнее изображение первым в цикле Wordpress, чтобы он по-прежнему использовал Jcarousel, но жестко кодировал последнее изображение. Будет публиковать больше обновлений.

РЕДАКТИРОВАТЬ № 3: окончательное решение:

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

Однако, если кого-то заинтересует вариант/альтернатива, я воспользуюсь отличным сценарием Fred HQ "Roundabout". Пример, который я буду использовать, находится здесь: http://fredhq.com/projects/roundabout/demo/around

С несколькими небольшими изменениями он будет делать именно то, что мне нужно, без особых усилий в части загрузки.

Настройки будут заключаться в том, чтобы установить непрозрачность на 1 для всех изображений, установить наклон на 0, добавить автоматическую прокрутку с заданным интервалом, установить одинаковый размер полей.

Для этой конкретной карусели требуется белый разделитель, поэтому я буду использовать пример «Перемещение вещей вокруг вещей», чтобы сделать «вещь» в середине белой коробкой, чтобы скрыть то, что зацикливается позади.

Я надеюсь, что это помогает кому-то.

Еще раз спасибо!


person Chumtarou    schedule 01.09.2011    source источник
comment
Что касается вашего последнего редактирования: было бы лучше, чтобы ваш вопрос был конкретным и не начинал отходить от темы со слишком большим количеством дополнительных вопросов. Ваш исходный пост посвящен jCarousel, поэтому все остальное следует публиковать как отдельный вопрос, если он не является дубликатом этого. Прочитайте это, чтобы узнать больше о том, как задавать вопросы здесь.   -  person Sparky    schedule 02.09.2011
comment
Совсем не проблема... это высококачественный сайт благодаря модерации сообщества и всем этим правилам. В любом случае, добро пожаловать в StackOverflow!   -  person Sparky    schedule 02.09.2011


Ответы (2)


Вы видите эти пустые изображения, потому что используете неверный вариант. jCarousel — отличный скрипт, но даже разработчик признает, что wrap:circular не работает . В собственной демонстрации разработчика показана проблема циклического переноса (зависит от браузера). Он говорит об исправлении уже несколько месяцев. Я все еще использую плагин, но я просто не использую опцию wrap:circular.

РЕДАКТИРОВАТЬ: я также открыт для предложений другого скрипта, который может это сделать - спасибо!

В качестве альтернативы вы можете попробовать jCarousel Lite. Я использовал jCarousel Lite, когда хотел круговую обертку.

person Sparky    schedule 01.09.2011
comment
Большое спасибо за ссылку на проблемы с циркуляром Jcarousel - я не знал об этом и с удовольствием использовал его в течение некоторого времени ... Я попробую jCarousel Lite, чтобы увидеть, возможно ли клонирование последнего изображения. Спасибо - person Chumtarou; 02.09.2011
comment
@Chumtarou: Также попробуйте изменить начальный порядок изображений, а не принудительно клонировать их там, где они могут не понадобиться. - person Sparky; 02.09.2011
comment
Действительно, очень хороший момент - в настоящее время я проверяю это, пытаясь найти способ сделать 5-й пост цикла переходом на первое место - еще не нашел ответа на этот вопрос. Я также собираюсь попробовать SerialScroll, так как это выглядит очень интересно. - person Chumtarou; 02.09.2011

jCarousel Lite не может делать то, что вы хотите, из коробки.

Чтобы сделать слайд-шоу из 3 изображений круговыми, он клонирует первые 3 и последние 3 изображения. См. демонстрацию конфигурации по умолчанию: http://www.gmarwaha.com/jquery/jcarousellite/#demo< /а>

Это означает, что вам необходимо изменить порядок изображений перед запуском подключаемого модуля.

person marissajmc    schedule 01.09.2011
comment
ОП не использует jCarousel Lite... он использует jCarousel. - person Sparky; 02.09.2011
comment
Вы предложили jCarousel Lite в качестве альтернативы. В любом случае ему/ей все равно придется изменить порядок изображений перед вызовом плагина. - person marissajmc; 02.09.2011
comment
Спасибо вам обоим - я попробую jCarousel Lite - я только что нашел Jquery SerialScroll в качестве альтернативы. Собираюсь отредактировать свой комментарий выше с сайтом, показывающим именно то, что я ищу через мгновение. - person Chumtarou; 02.09.2011
comment
marissa.c, вы опубликовали ответ на вопрос ОП, поэтому я просто подумал, что это немного необычно, что вы на самом деле отвечаете на мой. - person Sparky; 02.09.2011
comment
Я хотел предоставить дополнительную информацию о jCarousel Lite, учитывая, что OP, скорее всего, будет использовать этот скрипт после того, как вы высветите проблему циклического переноса в jCarousel. - person marissajmc; 02.09.2011
comment
Я уверен, что неправильно использую этот сайт со слишком большим количеством комментариев, но хотел просто сказать спасибо! Я добавил последний метод к моему безумию выше в редактировании 3. Ура! - person Chumtarou; 02.09.2011
comment
Марисса, ваша помощь приветствуется ... Я просто хотел подчеркнуть, что ваш ответ, возможно, был лучше в качестве прямого комментария к моему ответу или исходному сообщению. Да, @Chumtarou, всегда лучше держать комментарии по теме и свести к минимуму. - person Sparky; 02.09.2011