Sequence.js와 페이지 매김을 사용하는 여러 슬라이더

Question

각 슬라이더의 수가 서로 다른 여러 슬라이더가 있습니다. 각 슬라이더에는 다음/이전 버튼이 없지만 대신 페이지 매김을 통해 제어됩니다. 슬라이더의 페이지 매김을 클릭 할 때마다 슬라이더의 모든 이미지가 해당 페이지 매김으로 이동합니다. 따라서 두 번째 페이지 매기기 버튼을 클릭하면 모든 슬라이더가 현재 슬라이더 대신 두 번째 이미지로 이동합니다. 나는 다음 해결책을 시도 : http://bit.ly/1b1bvsC하지만 이것은 단지 다음/이전 버튼과 관련이 있고 페이지 매김과 함께 작동하지 않습니다.

여기에 내 현재 JS입니다 :

$(document).ready(function(){ 
var options = { 
    nextButton: false, 
    prevButton: false, 
    pagination: true, 
    animateStartingFrameIn: false, 
    autoPlay: false, 
    autoPlayDelay: 3000, 
    preloader: true, 
    startingFrameID: 1, 
    preloadTheseFrames: [1], 
} 

var options2 = { 
    nextButton: false, 
    prevButton: false, 
    pagination: true, 
    animateStartingFrameIn: false, 
    autoPlay: false, 
    autoPlayDelay: 3000, 
    preloader: true, 
    startingFrameID: 2, 
    preloadTheseFrames: [1], 
} 

var sequence = $("#essence-sequence").sequence(options).data("sequence"); 
var sequence2 = $("#macropro-sequence").sequence(options2).data("sequence"); 

}); 

을 그리고 여기에 내가 무슨 말을로 혼란을있을 경우 사진의 :

하단에있는 작은 원을 클릭 할 그럼 언제 위의 큰 빨간색 이미지는 페이지의 다른 슬라이더에 영향을주지 않고 해당 "제품 이미지"로 이동합니다. (불쾌한 붉은 색으로 죄송하지만 지금은 DL에 보관해야합니다.)

Answer 1

나는이 똑같은 문제가있어서 참조하는 link에있는 해결책은 다음/이전 버튼뿐만 아니라 페이지 매김에도 적용됩니다. 페이지 매김의 각 세트에 다른 클래스를 부여한 다음 해당 클래스를 자바 스크립트에 입력 할 수 있습니다.

예 :

$(document).ready(function(){ 
var options = { 
    nextButton: false, 
    prevButton: false, 
    pagination: '.pagination1', //name first pagination here 
    animateStartingFrameIn: false, 
    autoPlay: false, 
    autoPlayDelay: 3000, 
    preloader: true, 
    startingFrameID: 1, 
    preloadTheseFrames: [1], 
} 

var options2 = { 
    nextButton: false, 
    prevButton: false, 
    pagination: '.pagination2', //name second pagination here 
    animateStartingFrameIn: false, 
    autoPlay: false, 
    autoPlayDelay: 3000, 
    preloader: true, 
    startingFrameID: 2, 
    preloadTheseFrames: [1], 
} 

var sequence = $("#essence-sequence").sequence(options).data("sequence"); 
var sequence2 = $("#macropro-sequence").sequence(options2).data("sequence"); 

});