Adding an option that allows the previous and next buttons to wrap around past the end or beginning images.

This commit is contained in:
Robert Hickman 2013-05-29 17:10:45 -06:00
parent 96d8cae6e2
commit b5d977d593
3 changed files with 18 additions and 2 deletions

View File

@ -9,6 +9,7 @@ OPENSEADRAGON CHANGELOG
* Keyboard handling is now done in the viewer rather than navigator (#46) * Keyboard handling is now done in the viewer rather than navigator (#46)
* Additional navigator fixes (#46) * Additional navigator fixes (#46)
* Fixed an error in EventHandler.removeHandler() (#48) * Fixed an error in EventHandler.removeHandler() (#48)
* You can now choose to have previous and next buttons wrap using the config.navPrevNextWrap.
0.9.127: 0.9.127:

View File

@ -588,6 +588,7 @@ window.OpenSeadragon = window.OpenSeadragon || function( options ){
DOWN: 'next_pressed.png' DOWN: 'next_pressed.png'
} }
}, },
navPrevNextWrap: false,
//DEVELOPER SETTINGS //DEVELOPER SETTINGS
debugMode: false, debugMode: false,

View File

@ -345,6 +345,10 @@ $.Viewer = function( options ) {
beginControlsAutoHide( _this ); beginControlsAutoHide( _this );
} ); // initial fade out } ); // initial fade out
if(this.navPrevNextWrap){
this.previousButton.enable();
}
}; };
$.extend( $.Viewer.prototype, $.EventHandler.prototype, $.ControlDock.prototype, { $.extend( $.Viewer.prototype, $.EventHandler.prototype, $.ControlDock.prototype, {
@ -1021,7 +1025,9 @@ $.extend( $.Viewer.prototype, $.EventHandler.prototype, $.ControlDock.prototype,
if( this.nextButton ){ if( this.nextButton ){
if( ( this.tileSources.length - 1 ) === page ){ if( ( this.tileSources.length - 1 ) === page ){
//Disable next button //Disable next button
this.nextButton.disable(); if(!this.navPrevNextWrap){
this.nextButton.disable();
}
} else { } else {
this.nextButton.enable(); this.nextButton.enable();
} }
@ -1031,7 +1037,9 @@ $.extend( $.Viewer.prototype, $.EventHandler.prototype, $.ControlDock.prototype,
//Enable previous button //Enable previous button
this.previousButton.enable(); this.previousButton.enable();
} else { } else {
this.previousButton.disable(); if(!this.navPrevNextWrap){
this.previousButton.disable();
}
} }
} }
@ -1625,12 +1633,18 @@ function onFullPage() {
function onPrevious(){ function onPrevious(){
var previous = THIS[ this.hash ].sequence - 1; var previous = THIS[ this.hash ].sequence - 1;
if(this.navPrevNextWrap && previous < 0){
previous += this.tileSources.length;
}
this.goToPage( previous ); this.goToPage( previous );
} }
function onNext(){ function onNext(){
var next = THIS[ this.hash ].sequence + 1; var next = THIS[ this.hash ].sequence + 1;
if(this.navPrevNextWrap && next >= this.tileSources.length){
next = 0;
}
this.goToPage( next ); this.goToPage( next );
} }