Как сместить миниатюры на фиксированное число (скажем, 5) при нажатии левой / правой кнопок навигации на веб-странице?

Question

Может ли кто-нибудь помочь мне создать навигацию (слева и справа), используемую для галереи миниатюр на этом сайте - http://office.microsoft.com/en-us/images/

Обычно я хочу, чтобы левая и правая кнопки смещали миниатюры на некоторое число (скажем, 6, как в этом примере).

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

Я совершенно новичок в JS.

Спасибо.

Answer 1

Когда вы заявляете, что полностью новичок в JS, это может быть трудно сделать, но я бы посоветовал вам взглянуть на использование одной из самых распространенных доступных сред JS - jQuery . jQuery делает сборку JS намного быстрее, но и намного проще, и еще один бонус - есть несколько плагинов для jQuery, которые уже решили вашу проблему.

Как и в вашем случае, плагин (MB) SCROLLABLE, вероятно, вам очень поможет, и вы найдете примеры его использования на этом сайте: http://pupunzi.com/#mb.components/mb.scrollable/scrollable.html

Надеюсь, что вы могли бы начать.