2013-09-09 7 views
2

Я создал быстрый каркас и помог проиллюстрировать, что именно я хотел бы выполнить либо с помощью twitter bootstrap самостоятельно, либо с помощью плагина jQuery. Если есть способ построить его с чистыми html5 и css3, это будет круто. enter image description herejQuery/Bootstrap carousel container отзыв

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

На мобильном телефоне и планшете будет 2 точки разрыва. Каждая точка останова изменит ширину контейнера div, в котором хранятся файлы. Это означает, что на более мелких устройствах будет больше горизонтальной прокрутки. Прокрутка на планшете и смартфоне будет на ощупь.

В карусели можно также коснуться пальцами.

Если кто-то мог бы направить меня в правильном направлении, это было бы фантастически.

ответ

0

Простейшим местом для начала является, вероятно, http://www.pixedelic.com/plugins/camera/. Я использовал его довольно регулярно и, в частности, он полностью реагирует, поэтому устраняет необходимость в определенных точках разрыва. Я также обнаружил, что довольно легко играть с кодом, если вы хотите настроить его больше, чем обычно, или уменьшите его размер немного, Надеюсь, что это поможет, Dan