Полноэкранный слайд страницы с навигацией

0

Я совершенно новичок в этом, поэтому многие из вас могут найти мой вопрос глупым, но мне действительно нужна помощь!

Хорошо, поэтому я пытаюсь достичь:

Я хочу, чтобы 6 полноэкранных страниц с изображением и контентом плавно прокручивались по горизонтали, когда нажимали кнопки "<" ">". Будут также пули для каждой страницы в нижней части веб-сайта.

Как установить это на HTML и CSS? Я знаю, что это может быть довольно легко, но, честно говоря, с моими навыками, я не могу найти пути!

Мне нужен тот же эффект, что и http://nicinabox.com/superslides/#1

  • 1
    Э-э ... Я не думаю, что вы можете сделать это с помощью чисто HTML / CSS. Вы ДОЛЖНЫ использовать JavaScript :) Кстати, почему бы не использовать плагин jQuery, с которым вы связались?
  • 1
    Вот ответ, который описывает похожую технику горизонтального полноэкранного скольжения страницы
Теги:
slide
fullscreen

1 ответ

0

Проверьте http://www.idangero.us/sliders/swiper/

вы можете поместить swiper css width: 100 height: 100 top: 0 и каждый swiper left: 0, 100%, 200%, 300%...

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

Ещё вопросы

Сообщество Overcoder
Наверх
Меню