Остановить автозапуск автозапуска карусели на мобильном устройстве без javascript

Question

Есть ли возможность остановить автоспуск при им на моем мобильном устройстве. Если это возможно с помощью css ... может быть, с mediaquery xs и чем манипулировать элементом карусели ...?

<div id="carousel" class="carousel slide" data-ride="carousel"> 

    <!-- LOGO --> 
    <div class="container"> 
     <div class="row logo"> 
      <div class="col-lg-12 col-sm-8 col-xs-12"><img class="img-responsive" src="img/logo.png" alt=""/></div> 
     </div> 
    </div> 

    <!-- POINTS --> 
    <ol class="carousel-indicators hidden-xs"> 
     <li data-target="#carousel" data-slide-to="0" class="active"></li> 
     <li data-target="#carousel" data-slide-to="1"></li> 
     <li data-target="#carousel" data-slide-to="2"></li> 
     <li data-target="#carousel" data-slide-to="3"></li> 
    </ol> 

    <!-- SLIDEWRAPPER --> 
    <div class="carousel-inner" role="listbox"> 
     <div class="item active"> 
      <img src="img/headbild-1.jpg" alt="headbild1"> 
     </div> 
     <div class="item"> 
      <img src="img/headbild-2.jpg" alt="headbild2"> 
     </div> 
     <div class="item"> 
      <img src="img/headbild-1.jpg" alt="headbild3"> 
     </div> 
     <div class="item"> 
      <img src="img/headbild-2.jpg" alt="headbild4"> 
     </div> 
    </div> 

    <!-- PREV/NEXT Controls --> 
    <div class="container hidden-xs"> 
     <a class="left carousel-control" href="#carousel" role="button" data-slide="prev"> 
      <span class="previcon" aria-hidden="true"></span> 
      <span class="sr-only">Previous</span> 
     </a> 
     <a class="right carousel-control pull-right" href="#carousel" role="button" data-slide="next"> 
      <span class="nexticon" aria-hidden="true"></span> 
      <span class="sr-only">Next</span> 
     </a> 
    </div> 
</div> 

Answer 1

хорошо, чтобы остановить autoslide на мобильном устройстве, вам нужно будет настроить JavaScript/в Init из карусели в другом запросе медиа.

У вас есть возможность проверить размер вашего медиа-экрана в js? если да, просто уничтожьте свою карусель (sth, как $('#carousel').destroy();) и заново закрепите без автоспуска.