Как сделать простой состоящий только из одного слайдера

D
На сайте с 01.03.2016
Offline
3
883

Всем привет!

Я совершенно не разбираюсь в верстке и программировании сайтов, я дизайнер. У меня есть портфолио из картинок 1920х1080, которые вместе представляют собой презентацию меня и моих работ. У меня есть уже домен и хостинг. Мне нужно сделать простой сайт, где будет открываться первая картинка на всю ширину экрана (уменьшаться тоже взависимости от ширины), и при наведении на нее будут появляться стрелочки влево и вправо, а так же внизу кружочки обозначающие страницы. И еще мне нужна возможность настраивать отображение всех этих элементов, то есть размер кружочков и стрелочек, цвет и тд. В общем-то все просто, но я абсолютный нуб, так сказать, в этом деле :(

WebJunior
На сайте с 11.06.2010
Offline
155
#1

Ищите "резиновый" или "адаптивный слайдер". С примерами, CSS и всем остальным.

Я совершенно не разбираюсь в верстке и программировании сайтов
В общем-то все просто, но я абсолютный нуб, так сказать, в этом деле

И чего вы хотите? Что бы сделали за Вас?

Мой сайт на этом хостинге - https://tuthost.ua/?from=2558 / Верстаю шаблоны (темы с отзывами: https://searchengines.guru/ru/forum/763758, https://searchengines.guru/ru/forum/600404 ).
LPMaster
На сайте с 04.05.2015
Offline
17
#2

http://html5up.net/ выбирайте шаблон и заполняйте, но, минимальные знания html понадобятся.

↓ Эффективный инструмент продаж ↓ Landing Page "под ключ". Конверсия до 40%. Быстрая окупаемость! (/ru/forum/895446) Не уверен в эффективности? тогда для тебя бесплатный лендинг + заявки (/ru/forum/935663)
D
На сайте с 01.03.2016
Offline
3
#3

Минимальные знания есть, если что разберусь по ходу, спасибо)

D
На сайте с 01.03.2016
Offline
3
#4

В общем, я нашел идеальный вариант, но не совсем понимаю как его запустить... вот тут: http://benschwarz.github.io/gallery-css/#item-2 как раз таки самый верхний слайдер со стрелочками и кружками-иконками - это все что мне нужно. На данном этапе я смог сделать только картинку с кружками, на которые можно нажимать...

Подскажите как вставить эти стрелки и сохранить эту же адаптивную верстку, в общем все должно быть в точности как на этом слайдере. Но откуда взять все стили и тд, я не оч понимаю...

Joker-jar
На сайте с 26.08.2010
Offline
154
#5

Уточните, пожалуйста, что вы за дизайнер? Ремонта квартир? Ландшафтов? Может договоримся о бартере?

nikonlay
На сайте с 11.12.2006
Offline
176
#6

delad, не знаю на счет той галереи, на которую вы дали ссылку, но я бы посоветовал для вашего случая фотораму: http://fotorama.io/

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

Мощные фонари и бинокли: https://market.yandex.ru/store--volny-i-veter?businessId=79203856
D
На сайте с 01.03.2016
Offline
3
#7
nikonlay:
delad, не знаю на счет той галереи, на которую вы дали ссылку, но я бы посоветовал для вашего случая фотораму: http://fotorama.io/

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

Воооот! Прям отлично! Спасибо огромное))) Там уже код с кружочками, так что прям идеально))

D
На сайте с 01.03.2016
Offline
3
#8

Кто-то тут написал про фотораму, хз куда делся комментарий, но хочу поблагодарить, очень помог))

---------- Добавлено 02.03.2016 в 16:54 ----------

nikonlay:
delad, не знаю на счет той галереи, на которую вы дали ссылку, но я бы посоветовал для вашего случая фотораму: http://fotorama.io/

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

а вот же он... что-то у меня с отображением... в общем, спасибо!

только не понял одну вещь. по ссылке скопировал весь текст css и создал свой css файл с этим текстом, чтобы убрать белую рамку. При этом кнопки-стрелки куда-то исчезли..

---------- Добавлено 02.03.2016 в 16:58 ----------

А в общем-то все, отдельно прикрутил свой css и их css, все заработало)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий