Адаптивная верстка слайдера

M9
На сайте с 15.05.2014
Offline
79
437

Как сделать адаптивный слайдер, вот тут у меня не получается, из за разные размеры картинок верстка слайдер криво отображается: https://repl.it/repls/PricklyBitterCrownofthornsstarfish помогите как сделать адаптивный слайдер что бы получилось как то так:

[Удален]
#1

Я такой недавно сделал. С настройками.

Он его вроде бесплатно пока раздаёт

jpg ddddddd.jpg
jpg gfss.jpg
M9
На сайте с 15.05.2014
Offline
79
#2

Сделали конечно хорошо, но меня интересует как сделали?

Arsh
На сайте с 21.03.2007
Offline
199
#3

mega94, гуглите "слайдер bootstrap"

M9
На сайте с 15.05.2014
Offline
79
#4
Arsh:
mega94, гуглите "слайдер bootstrap"

Спасибо очень помогли.

GAMMA
На сайте с 27.12.2006
Offline
154
#5

Использую jQuery OwlCarousel v1.15 в ней легко делается адаптив если в списке фото на вывод каждое фото оформить дивом с параметрами width:100%;height:auto;

Скрипт хоть старый 2013 года, но работает на ура. Можно настраивать вывод по одному фото, по несколько сразу и на одной странице можно выводить более чем один слайдер (нужно только в стилях добавлять доп.параметр. Например для одного интернет магазина в верху страницы вывел по одному фото типа рекламные баннеры а в низу каруселью по 6 фото с новыми товарами

Мой сервис блогов (http://mublog.ru) и личный блог (http://blogroot.ru)
M9
На сайте с 15.05.2014
Offline
79
#6

С размером картинок разобрался, слайдер идет, но вот с размер блока остался большим, может в css у меня что то не то может кто нибудь посмотрит нужен вот такой стиль:

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