Помогите переинициализировать слайдер под мобильное разрешение экрана
Как переделать бутсраповский слайд чтобы при разрешении мобильной версии экрана слайдер листал не по три картинки/статьи а по одной?
подскажите хотя бы какие функции? Что гуглить? Сам я пока только верстальщик, но параллельно изучаю js. Буду признателен если поможете новичку:) |
Блин, ну что за общий вопрос?
Как будто в мире только один слайдер существует, судя по всему ты его не сам писал а скачал на jQuery, или скачал на JS и не разобрался, в любом случае нужен код, полный, с HTML, а лучше, если ты действительно "изучаешь" JS, разберись сам и пиши если что не получается |
<!-- Слайды --> <div class="carousel-inner"> <div class="active item"> <div class="reviews-block"> <div class="reviews-block-people"> <div class="losev-alex-block"></div> <span class="features-alex-block">лосев алексей</span> <span class="features-info">ТД Сад Мечты</span> <a href="" class="web-site-alex">www.sadmechty.ru<div class="hover-features-block"><p> Мы — небольшая компания и содержать в штате бухгалтера оказалось более затратно, чем отдать этот функционал на аутсорсинг. И ваш сервис оказался очень удобным инструментом для работы бухгалтера в удаленном доступе... Кроме того, директор тульского </p> </div> </a> </div> <div class="reviews-block-people"> <div class="orlov-sergey-block"></div> <span class="features-sergey-block">орлов сергей</span> <span class="features-info">Глобал сервис Машинери</span> <a href="" class="web-site-sergey">www.gsm-bu.ru <div class="hover-features-block"><p>Компания у нас молодая, хотя с программой 1С мы знакомы уже давно. Бухгалтер предложила рассмотреть вариант с ServiceCloud, о котором она слышала от друзей. После изучения условий сотрудничества сомнения отпали, конечно, более того стоимость... </p></div> </a> </div> <div class="reviews-block-people"> <div class="valentine-block"></div> <span class="features-valentine-block">валентин сваельников</span> <span class="features-info">Профессиональные бизнес-события</span> <a href="" class="web-site-valentine"> www.facebook.com/prof.events <div class="hover-features-block"><p>Наш Торговый Дом «Сад Мечты» www.sadmechty.ru специализируется на дистанционных продажах садовых товаров — в первую очередь луковичных, многолетних цветов и саженцев. С самого начала нами был взят курс на максимальное... </p></div></a> </div> </div> </div> <div class="item"> <div class="reviews-block"> <div class="reviews-block-people"> </div> <div class="reviews-block-people"> <div class="orlov-sergey-block"></div> <span class="features-sergey-block">орлов сергей</span> <span class="features-info">Глобал сервис Машинери</span> <a href="" class="web-site-sergey">www.gsm-bu.ru <div class="hover-features-block"><p class="hover-p">Компания у нас молодая, хотя с программой 1С мы знакомы уже давно. Бухгалтер предложила рассмотреть вариант с ServiceCloud, о котором она слышала от друзей. После изучения условий сотрудничества сомнения отпали, конечно, более того стоимость... </p></div></a> </div> <div class="reviews-block-people"> <div class="losev-alex-block"></div> <span class="features-alex-block">лосев алексей</span> <span class="features-info">ТД Сад Мечты</span> <a href="" class="web-site-alex">www.sadmechty.ru <div class="hover-features-block"><p class="hover-p">Мы — небольшая компания и содержать в штате бухгалтера оказалось более затратно, чем отдать этот функционал на аутсорсинг. И ваш сервис оказался очень удобным инструментом для работы бухгалтера в удаленном доступе... Кроме того, директор тульского </p></div></a> </div> </div> </div> </div> <!-- Стрелки переключения слайдов --> <a href="#carousel" class="left carousel-control" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a href="#carousel" class="right carousel-control" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> |
А где js?
Этот код бессмыслен без него! |
Часовой пояс GMT +3, время: 11:23. |