2017-10-10 13 views
0

私は非画像スライドにcycle2を使用しています。 内容は文章だけで画像はありません 問題は移行中に別のものがあり、うまく見えません。サイクル2非画像スライド移行問題

<div class="row aboutUsChildRow" > 
     <div class="aboutUsChildHeadTitle col-md-12">  
      @awards.Name 
     </div> 
     <div class="awardList col-md-12"> 
      <div class="cycle-slideshow" 
       data-cycle-fx="scrollHorz" 
       data-cycle-timeout="0" 
       data-cycle-slides="> div.AwardPage" 
       data-cycle-prev="#prev" 
       data-cycle-next="#next"      
       data-cycle-pager="#custom-pager" 
       data-cycle-pager-template="<strong><a href=#> {{slideNum}} </a></strong>" 
       > 
         <div class="AwardPage" > 
            <div class="row awarditem"> 
             <div class="col-md-5 awardName"> 
              @b.Ngwersgewrgame 
             </div> 
             <div class="col-md-7 awardedBy"> 
              @b.GetProperty("awawsergwERGWRSGFrdedBy").Value 
             </div> 
             <div class="col-md-5 awardType"> 
              @b.GetProperty("awardTyWERdpe").Value 
             </div> 
             <div class="col-md-7 awardDescription"> 
              @b.GetProperty("awardDescrihdfhdsfhdfghption").Value 
             </div> 
            </div> 
         </div> 
         <div class="AwardPage" > 
            <div class="row awarditem"> 
             <div class="col-md-5 awardName"> 
              [email protected]("awardDescription").Value 
             </div> 
             <div class="col-md-7 awardedBy"> 
              [email protected]("awardDescription").Value 
             </div> 
             <div class="col-md-5 awardType"> 
              [email protected]("awardDescription").Value 
             </div> 
             <div class="col-md-7 awardDescription"> 
              [email protected]("awardDescription").Value 
             </div> 
            </div> 
         </div> 
      </div> 
      <div class="center pager"> 
       <div class="inline"><a href=# id="prev"><img src="/Images/left.png" class="timeLineLeft"></a></div> 
       <div id="custom-pager" class="center inline"></div> 
       <div class="inline"><a href=# id="next"><img src="/Images/left.png" class="timeLineRight"></a></div> 
      </div> 
     </div> 

https://jsfiddle.net/zu4sgj25/

上記のコードはあるとjsfiddleは私がいけない問題

答えて

0

はあなたの問題を解決する方法を知っているが、私は本当に代わりにCYCLE2のSwiper APIを使用することをお勧めいたします表示するには(I

http://idangero.us/swiper/api/#.Wdy3WmiCyUk

それは本当に良い作品とも素敵な文書を持っている)ことを聞いたことがない」VEの

+0

このページ内のページ番号は全くありません https://jsfiddle.net/9ymorrqg/ –

+0

jqueryはプロジェクトに含まれていますか? –

+0

はい、私が提供したコメントのjsfiddleを見てください、スライド機能は適切ですが、特定のスライドに行くための箇条書きポイントはありません –