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

Question

Я пытаюсь создать слайд-шоу с помощью jQuery (аналогично jquery scrollhorz ), но я хочу, чтобы предыдущее и следующее изображение было частично показано.

Прямо сейчас, то, что у меня есть, этоDiv (со скрытым переполнением), содержащий все изображения, которые я имею.Когда нажата предыдущая или следующая кнопка, я анимирую весь div влево или вправо.Проблема в том, что если в div загружено много изображений, оно становится медленным и медленным.

Каков наилучший дизайн для реализации этого слайдера изображений?

Answer 1

Не вдаваясь в требуемый код, я бы предложил использовать jquery (или moo, если это ваша вещь), чтобы поддерживать div длиной от трех до пяти изображений, и сохранять список URL для всех изображений, которые вы хотите отобразить,Когда вы перемещаете изображения влево или вправо, вы отрываетесь от изображения на противоположном конце и добавляете соответствующее изображение на другую сторону.

Вы можете использовать ту же технику для плавного просмотра списка.

Answer 2

Попробуй это.

Геройская карусель

Это соответствует вашему описанию .... Надеюсь, это поможет:)

это тоже может быть решением. http://jsfiddle.net/JCQ6Q/15/
Проголосуйте, если это поможет вам :) всего наилучшего