2011-08-10 2 views
0

JQuery Anything Slider/PHP/MySQL을 사용하고 있습니다. 내 코드에서 모든 것이 예상대로 작동합니다. 그러나 미리보기 이미지의 첫 번째 세트를 표시하는 경우 축소판 회전식 메뉴의 뒤로 화살표를 비활성화하고 싶습니다. 이미지 세트의 마지막 축소판 세트를 표시하는 경우 전달을 사용 중지하고 싶습니다. 다른 말로하면 엄지 손톱 회전 목마가 무한정 반복되는 것을 막고 싶습니다. 어떤 도움이라도 대단히 감사하겠습니다. 여기 내 코드가있다.아무거나 슬라이더가 무한 썸네일 회전식 고리 루프를 방지하지 않습니다.

<div class="anythingSlider"> 
      <div class="thumb_wrapper"> 
       <ul style="list-style-type: none;"> 
       <?php 
       $new = 1; 
       $count = 0; 
       do { 
        if ($new == 1) 
         {echo '<li style="list-style-type: none;">';} ?> <div class="thumb" data-count="<?php echo $count; ?>" data-thumb="<?php echo $image_row['thumb']; ?>" ><img title="<?php echo $image_row['description']; ?>" data-image="<?php echo $image_row['image']; ?>" src="<?php echo $image_row['thumb']; ?>" alt="<?php echo $image_row['description']; ?>" /></div> 
       <?php $count++; 
         if ($new == 5) 
         { echo "</li>"; $new = 1; 
         } else { 
          $new ++;} 
        } 
       while ($image_row = mysql_fetch_array($image)); ?> 
       </ul> 
      </div> 
      </div> 

추가 정보 ... 여기 내 모든 슬라이더 옵션이 있습니다.

function formatText(index, panel) { 
       return index + ""; 
      }; 

     $(function() { 

      $('.anythingSlider').anythingSlider({ 
       easing: "easeInOutExpo",    
       autoPlay: false,      
       delay: 3000,       
       startStopped: false,     
       animationTime: 600,     
       hashTags: true,      
       buildNavigation: true,    
       pauseOnHover: true,     
       startText: "Go",      
       stopText: "Stop",     
       navigationFormatter: formatText  
      }); 

}); 

답변

1

this demo? 기본적으로 단지 true

$('#slider').anythingSlider({ 
    infiniteSlides: false, 
    stopAtEnd: true 
}); 
falsestopAtEndinfiniteSlides 옵션을 설정