2012-12-13 2 views
0

이 사이트의 데모를 사용하려고합니다 : http://slidesjs.com/#overview 페이지에 두 개의 슬라이더를 구현하려고합니다. 링크 데모를 사용자 정의하고 있습니다. 두 개의 다른 슬라이더를 사용하고 있습니다 : slider1과 slider2에 서로 다른 CSS 이 있으므로 slider-1에 global.css를 사용하고 slider-2에 text.css를 만들었습니다. Jquery HTML CSS 슬라이더 문제

은 내가 js: slides.min.jquery.js 파일 slides_container, next, prev 같은 클래스의 css 요소를 사용하는 것으로 나타났습니다. 그래서 다른 js :slider.text.jquery.jstext.css에 따라 slides_containerT, nextT, prevT으로 바 꾸었습니다. 코드가 작동하지 않습니다. 내 프로젝트가 다음 월요일에 만기가되면 저를 도우십시오.

당신은 내가 수정하는 방법을 제안 해주십시오 수 있 었는가 slides.min.jquery.js 그 이 페이지 매김을 만들 global .CSS와 text.css 요소를 모두 발생하도록.

건배, 팸

답변

3

당신은 한 페이지에서 사용자가 만든처럼 slider.text.jquery.js 파일을 만들 필요를 여러 슬라이드를 정의 할 수 있습니다. 및 #slider2에 따라 두 번째 슬라이더 스타일을 만드십시오.

$(function(){ 
    $('#slider1').slides({ 
     generateNextPrev: true, 
     play: 2500 
    }); 
    $('#slider2').slides({ 
     generateNextPrev: true, 
     play: 4500 
    }); 
});