Slidesjs로 슬라이드를 클릭 할 수 없습니다.

Question

Slidesjs 슬라이더를 웹 사이트에 삽입했습니다. 앵커 요소에서 img 요소를 래핑 한 경우에도 클릭이 제대로 작동하지 않는 것 때문에 슬라이드를 클릭 할 수있는 방법을 이해하려고합니다. http://slidesjs.com/examples/images-with-captions/

어쩌면 당신은이 예에 따라 코드를 적응하기 위해 시도 할 수 있습니다 : 그것은 클릭있어 외부 웹 페이지를 열 때마다 슬라이드 점은이 예에서

<div id="slides"> 
    <div class="slides_container"> 
     <div><a href="#"><img src="img/slider/slide1.png" alt="Slide #1"></a></div> 
     <div><a href="#"><img src="img/slider/slide2.png" alt="Slide #2"></a></div> 
     <div><a href="#"><img src="img/slider/slide3.png" alt="Slide #3"></a></div> 
     <div><a href="#"><img src="img/slider/slide4.png" alt="Slide #4"></a></div> 
    </div> 
</div> 

Answer 1

.

Answer 2

나는 동일한 문제에 봉착 해 있으며 slidesLoaded 함수에서 'bottom'인수를 사용했습니다. 나는

slidesLoaded: function() { 
     $('.caption').animate({ 
     bottom:-200 
     },200); 
    } 

에

slidesLoaded: function() { 
     $('.caption').animate({ 
     bottom:0 
     },200); 
    } 

을 변경하고 그것을 작동합니다.

그래서 270px 슬라이드의 높이를 가지고 있습니다. 최종 스크립트는 아래와 같습니다.

animationStart: function(current){ 
     $('.caption').animate({ 
     bottom:-270 
     },100); 
    }, 
    animationComplete: function(current){ 
     $('.caption').animate({ 
     bottom:-230 
     },200); 
    }, 
    slidesLoaded: function() { 
     $('.caption').animate({ 
     bottom:-230 
     },20); 
    } 

Answer 3

문제가 있습니다. 슬라이드 div에서 가장 높은 Z- 색인을 설정하고 다음과 같이 상대적 위치를 설정하면 링크가 지금 바뀝니다.

<div id="slides" style="z-index:9999999; position:relative;"> 
<div class="slides_container"> 
    <div><a href="#"><img src="img/slider/slide1.png" alt="Slide #1"></a></div> 
    <div><a href="#"><img src="img/slider/slide2.png" alt="Slide #2"></a></div> 
    <div><a href="#"><img src="img/slider/slide3.png" alt="Slide #3"></a></div> 
    <div><a href="#"><img src="img/slider/slide4.png" alt="Slide #4"></a></div> 
</div></div>