RoninDeath

как сделать перелистывание контента на странице?

Recommended Posts

1350845092_Prechu-MinimalWebsiteTemplateForFreeDownload-cssauthor_com.psd@667(Layer4copyRGB_8_)_2019-03-2504_01_45.thumb.png.aac9f4da7ff4ddf896ee61b715d35810.png

Взял простенький psd макет для практики.

Возник вопрос.

Как сделать так, чтобы при клике на выделенные на скрине стрелочки, контент между ними перелистывался? 

На данном этапе сделал заголовок и навигационное меню, а также добавил фон.

239876402_Prechu-GoogleChrome2019-03-2504_14_04.thumb.png.c39c6b9dc122f8de336d0fff0f0c1150.png

Возможно ли как то решить данную задачу при помощи HTML и CSS?

Share this post


Link to post
Share on other sites

когда-то делал слайдер на CSS и выкладывал здесь, но скорее всего его уже удалили.
проще всего конечно скачать уже готовый скрипт, но интереснее сделать самому
хотя вот, нашел https://jsfiddle.net/4uus7Lh0/1/

Share this post


Link to post
Share on other sites

Делать слайдер на css - это, на мой взгляд, сравнимо с подметанием Красной площади при помощи зубной щетки - долго и неэффективно. 
Просто загуглите: "адаптивный слайдер javascript" - там десятки вариантов для этого, выбирайте, какой больше нравится. 

Если вы хотите делать на css потому, что не знакомы с javascript - самое время уделить неделю другую и выучить JS, в будущем это 100 раз вам окупится.

Share this post


Link to post
Share on other sites
Не согласен с Древко, для новичка, который осваивает ази верстки, 
лучше самому разобраться и сделать слайдер на CSS, 
в будущем будет намного проще.

Да, в дальнейшем можно смело использовать готовые варианты,
 но учится надо.

 

Edited by Sergio@

Share this post


Link to post
Share on other sites
1 час назад, Sergio@ сказал:

лучше самому разобраться и сделать слайдер на CSS

На самом деле нет. Для опыта, возможно. Не знаю правда какого.
Интересно, но не практично.
Если вы будете подключать готовый слайдер, зачастую там своя разметка, свои классы, свои стили. И не факт, что вы наверстаете, можно будет с лёгкостью встроить в функционал. 

Share this post


Link to post
Share on other sites

Сталкивался с такой проблемой при подключении сторонних скриптов:
1. Стили скрипта влияли на уже существующие или наоборот
2. Конфликт с уже работающими скриптами
3. Желание заказчика в имеющийся сторонний скрипт добавить что-то или изменить
Часто данные скрипты имеют избыточный функционал и как следствие размер и при этом бывает именно того что нужно нет
Приходилось разбираться с этим скриптом, а иногда проще написать свое с тем функционалом который требуется

Share this post


Link to post
Share on other sites
13 часов назад, Sergio@ сказал:


лучше самому разобраться и сделать слайдер на CSS, 

 

Слайдер на css?  Это как минимум странно. Не вижу смысла писать без JS.

Как опыт - да может быть в каком-то плане. Но соглашусь с @npofopr :

11 часов назад, npofopr сказал:

Для опыта, возможно. Не знаю правда какого.
Интересно, но не практично.

 

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Member Statistics

    46,299
    Total Members
    3,128
    Most Online
    efimovarrr
    Newest Member
    efimovarrr
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.