Как изменить рендеринг плагина jQuery Cycle?

Question

У меня есть макет, для которого, я думаю, я хочу использовать jQuery Cycle.Скриншоты макета ниже.Ближайший пример этого из jQuery Cycle: http://jquery.malsup.com/cycle/pager2.html,, но это далеко от того места, где я хочу оказаться.

Как бы я изменил плагин jQuery Cycle, чтобы получить эффект, показанный намакеты ниже?Я согласен с другим плагином jQuery или Javascript, который ближе к макетам, если таковой существует.

Answer 1

Вы можете использовать эту демонстрацию цикла , чтобы начать.Это основной JavaScript, чтобы заставить кнопки «следующий / предыдущий» работать с плагином цикла.Но вам придется проделать тяжелую работу с CSS, чтобы он выглядел хорошо.

Если вы не хотите пытаться сделать так, чтобы он выглядел хорошо с CSS (имеется в виду красивые кнопки и размещение ссылок), вы можете использоватьодин из этих двух плагинов-слайдеров:

• http://nivo.dev7studios.com/
• http://www.pixedelic.com/plugins/diapo/

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

Answer 2

Вы можете попробовать bxslider, который ближе к вашим целям:

http://bxslider.com/

Например:

http://bxslider.com/examples/thumbnails-pager-method-1

http://bxslider.com/examples/thumbnails-pager-method-2

Он лицензирован по лицензии MIT.