부트 스트랩에 클래스를 추가하는 방법 슬라이더에 축소판 변경

Question

this link을 살펴보고 엄지 손가락으로 갤러리 회전식 컨트롤 클릭 중 하나를 .highlight 클래스에 추가 할 수있는 방법을 알려주세요.

는 내가 선택한 엄지 손가락을 강조하기 위해 다음 코드를 사용하고있는 코드에서 볼 수 있듯이 : 잘

var classHighlight = 'highlight'; 
var $thumbs = $('.thumbnail').click(function(e) { 
e.preventDefault(); 
$thumbs.removeClass(classHighlight); 
$(this).addClass(classHighlight); 
}); 

, 그게 올바른 방법하지만 나를 위해 노력하고있다 확실하지 않다! 하지만 내가 말했듯이 이것은 .thumbnail을 클릭하는 작업이지만, 필요한 것은 슬라이딩 이벤트의 축소판에 클래스를 추가하는 것입니다. 이미이 CSS를 코드에 추가했지만 작동하지 않습니다!

// When the carousel slides, auto update the text 
    $('#myCarousel').on('slid', function (e) { 
      var id = $('.item.active').data('slide-number'); 
      $('#carousel-text').html($('#slide-content-'+id).html()); 
     $('#slider-thumbs > div > ul > li > a').removeClass('highlight'); 
     $('#carousel-selector-'+id).addClass('highlight'); 
    }); 

이 첫 번째를 선택하려면 :

.thumbnail:active{ 
    border-style:solid; 
    border-width:5px; 
    border-color:gery; 
    } 

덕분에 시간을 당신과 코멘트

Answer 1

당신은 그렇게 할 슬라이드 기능에서 변경할 수 있습니다 (2 하단 라인을 추가) 페이지로드시 미리보기 이미지 회전식 슬라이드 쇼 초기화 후 상단에 다음 줄을 추가하십시오.

$('#carousel-selector-0').addClass('highlight'); 

바이올린 : DEMO