2014-06-11 2 views
0

나는이 갤러리를 디자이너에게 넘겨 주었고 나는 그것을 나뭇 가지에 넣어야했다. 문제는 슬라이더가 작동하지 않는다는 것입니다. 이 코드 (문제와 JS를)입니다 :Symfony 2를 사용하여 js에서 CSS 호출하기

$(function() { 
    var demo1 = $("#demo1").slippry({ 
     transition: "fade", 
     useCSS: true, 
     speed: 2e3, 
     pause: 4e3, 
     auto: true, 
     preload: "visible" 
    }); 
    $(".stop").click(function() { 
     demo1.stopAuto() 
    }); 
    $(".start").click(function() { 
     demo1.startAuto() 
    }); 
    $(".prev").click(function() { 
     demo1.goToPrevSlide(); 
     return false 
    }); 
    $(".next").click(function() { 
     demo1.goToNextSlide(); 
     return false 
    }); 
    $(".reset").click(function() { 
     demo1.destroySlider(); 
     return false 
    }); 
    $(".reload").click(function() { 
     demo1.reloadSlider(); 
     return false 
    }); 
    $(".init").click(function() { 
     demo1 = $("#demo1").slippry(); 
     return false 
    }) 
}); 

오류가 내 CSS 파일 중 하나 "slippry"라는 하나를 포함하는 부분입니다. 오류 메시지 : "정의되지 않은 함수 또는 메서드". 내 질문은 : 나는 슬라이더가 작동하도록 다른 방법으로이 CSS 파일을 호출해야합니까? 경로를 변경해야합니까?

+0

플러그인 (js 소스)이 호출되기 전에 포함시켜야합니다. 플러그인은 js 및 CSS 파일로 구성 될 가능성이 큽니다. – rlemon

+3

또한 Symfony와 어떤 관련이 있습니까? – rlemon

답변

0

질문에 직접 답하는 대신, 클릭 이벤트를 컨트롤에 바인딩하는 것에 대해 걱정할 필요가 없으므로 먼저 Twitter Bootstrap's Carousel (slider)을 사용하는 것이 좋습니다. 이벤트를 포함하는 견고한 설계/확장 성 외에도

CSS를 완벽하게 사용자 정의하여 슬라이더를 원하는대로 만들 수 있습니다 ... 또한 부트 스트랩 패키지는 매우 멋진 responsive framework을 제공하며, 어쨌든이 중 하나를 사용해야합니다.

관련 문제