Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Помогите переинициализировать слайдер под мобильное разрешение экрана (https://javascript.ru/forum/dom-window/55698-pomogite-pereinicializirovat-slajjder-pod-mobilnoe-razreshenie-ehkrana.html)

Kosta Kankordia 10.05.2015 18:31

Помогите переинициализировать слайдер под мобильное разрешение экрана
 
Как переделать бутсраповский слайд чтобы при разрешении мобильной версии экрана слайдер листал не по три картинки/статьи а по одной?

подскажите хотя бы какие функции? Что гуглить?

Сам я пока только верстальщик, но параллельно изучаю js.

Буду признателен если поможете новичку:)

Brutus 10.05.2015 18:38

Блин, ну что за общий вопрос?
Как будто в мире только один слайдер существует, судя по всему ты его не сам писал а скачал на jQuery, или скачал на JS и не разобрался, в любом случае нужен код, полный, с HTML, а лучше, если ты действительно "изучаешь" JS, разберись сам и пиши если что не получается

Kosta Kankordia 10.05.2015 18:43

<!-- Слайды -->
        <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>

Brutus 11.05.2015 20:06

А где js?
Этот код бессмыслен без него!


Часовой пояс GMT +3, время: 11:23.