cycle2 problème de transition de diapositive sans image

Question

J'utilise cycle2 pour une diapositive sans image. le contenu est seulement des phrases et aucune image là le problème est quand il est en train de faire la transition, il aura un sur l'autre et il ne semble pas bon.

<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"> 
              asdf@b.GetProperty("awardDescription").Value 
             </div> 
             <div class="col-md-7 awardedBy"> 
              asdf@b.GetProperty("awardDescription").Value 
             </div> 
             <div class="col-md-5 awardType"> 
              asdf@b.GetProperty("awardDescription").Value 
             </div> 
             <div class="col-md-7 awardDescription"> 
              asdf@b.GetProperty("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/

le code est au-dessus et le jsFiddle pour montrer la question

Answer 1

Je ne sais pas comment résoudre votre problème, mais je recommande vraiment d'utiliser le api Chipeur au lieu de cycle2 (I « ai jamais entendu parler de cela)

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

Il fonctionne vraiment bien et a aussi une belle documentation