2013-07-11 2 views
2

swipejs를 구현하려고합니다. 다음은 지침 인 https://github.com/bradbirdsall/Swipe이며 여기서 사용하려고 시도하는 사이트는 http://bannisterwebdesign.co.uk/testing/입니다.Swipejs가 애니메이션을 적용하지 않습니다.

슬라이드 쇼가 표시되지만 애니메이션이 적용되지 않습니다. 다음을 외부 파일에 추가하고 지시에 따라 다른 모든 작업을 수행했습니다.

window.slider = new Swipe(document.getElementById('slider'), { 
    startSlide: 1, 
    speed: 400, 
    auto: 3000, 
    continuous: true, 
    disableScroll: false, 
    stopPropagation: false, 
    callback: function(index, elem) {}, 
    transitionEnd: function(index, elem) {} 
}); 

애니메이션이 적용되지 않는 이유를 누가 볼 수 있습니까?

감사합니다.

답변

0

난 당신에이 예에서 CSS 코드를 복사 한주의 사항 :

.swipe-wrap > div { 
    float:left; 
    width:100%; 
    position: relative; 
} 

을하지만 당신은 테스트에 <a> 대신 <div>을 사용하고 있습니다. 그래서 슬라이더가 작동하지 않습니다. CSS를

.swipe-wrap > a { 
    float:left; 
    width:100%; 
    position: relative; 
} 

으로 변경해야합니다.

+0

정말 훌륭합니다! 나는 그것이 쉬운 무엇인가 알고 있었다! – OliverB

관련 문제