как включить сенсорный динамический слайдер и выбрать первый рис

Question

У меня есть динамический слайдер с ботстрапом в asp.net MVC; Но я не могу переместить его на ощупь. Я использую некоторый пример кода JQuery для включения касания, но для меня важно, чтобы я автоматически выбрал первый рисунок слайдера! это мой HTML-код для динамического слайдера.

@model IEnumerable<MyProject.Models.DataSource.Sliders>
  @if (Model.Any())
   {
    <section class="banner parallax-fix parallaximg">
      <div class="container-fluid pr">
        <div id="myCarousel" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" 
                  class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1"></li>
                <li data-target="#myCarousel" data-slide-to="2"></li>
            </ol>
            <!-- Wrapper for slides -->
            <div class="carousel-inner">
                @foreach (var item in Model)
                {
                    if (item.IsFirst == true)
                    {
                        <div class="item active">
                            <a onclick="SliderCounter(@item.SliderID)" 
                               href="@item.SliderLink" 
                               target="_blank">
                                <img src="~/images/Slider/@item.SliderImage" 
                                     alt="@item.SliderTitle" 
                                     style="width:100%;">
                            </a>
                        </div>
                    }
                    else
                    {
                        <div class="carousel-item item">
                            <a onclick="SliderCounter(@item.SliderID)" 
                               href="@item.SliderLink"
                               target="_blank">
                                <img src="~/images/Slider/@item.SliderImage" 
                                     alt="@item.SliderTitle"  
                                     style="width:100%;">
                            </a>
                        </div>
                    }
                }
            </div>
            <!-- Left and right controls -->
            <a class="left carousel-control" href="#myCarousel" data- 
               slide="prev">
                <span class="glyphicon glyphicon-chevron-left"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#myCarousel" data- 
               slide="next">
                <span class="glyphicon glyphicon-chevron-right"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
    </div>
   </section>
  }

Если у вас есть другой способ создания сенсорного и динамичного слайдера, пожалуйста, помогите мне!