mirror/openseadragon
1
0
Fork 0
mirror of https://github.com/openseadragon/openseadragon.git synced 2024-11-27 07:36:09 +03:00
Code Issues Projects Releases Wiki Activity

Allow user to add element option for navigator

Browse Source
This commit is contained in:
Cameron Baney 2017-09-05 14:05:36 -04:00
parent 36dd37b931
commit 4301254fa0
1 changed files with 36 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
src/navigator.js
View File

@ -55,43 +55,52 @@ $.Navigator = function( options ){
navigatorSize; navigatorSize;
//We may need to create a new element and id if they did not //We may need to create a new element and id if they did not
//provide the id for the existing element //provide the id for the existing element or the element itself
if( !options.id ){ if( !options.element ){
options.id = 'navigator-' + $.now(); if( !options.id ){
this.element = $.makeNeutralElement( "div" ); options.id = 'navigator-' + $.now();
options.controlOptions = { this.element = $.makeNeutralElement( "div" );
anchor: $.ControlAnchor.TOP_RIGHT, options.controlOptions = {
attachToViewer: true, anchor: $.ControlAnchor.TOP_RIGHT,
autoFade: options.autoFade attachToViewer: true,
}; autoFade: options.autoFade
};
if( options.position ){ if( options.position ){
if( 'BOTTOM_RIGHT' == options.position ){ if( 'BOTTOM_RIGHT' == options.position ){
options.controlOptions.anchor = $.ControlAnchor.BOTTOM_RIGHT; options.controlOptions.anchor = $.ControlAnchor.BOTTOM_RIGHT;
} else if( 'BOTTOM_LEFT' == options.position ){ } else if( 'BOTTOM_LEFT' == options.position ){
options.controlOptions.anchor = $.ControlAnchor.BOTTOM_LEFT; options.controlOptions.anchor = $.ControlAnchor.BOTTOM_LEFT;
} else if( 'TOP_RIGHT' == options.position ){ } else if( 'TOP_RIGHT' == options.position ){
options.controlOptions.anchor = $.ControlAnchor.TOP_RIGHT; options.controlOptions.anchor = $.ControlAnchor.TOP_RIGHT;
} else if( 'TOP_LEFT' == options.position ){ } else if( 'TOP_LEFT' == options.position ){
options.controlOptions.anchor = $.ControlAnchor.TOP_LEFT; options.controlOptions.anchor = $.ControlAnchor.TOP_LEFT;
} else if( 'ABSOLUTE' == options.position ){ } else if( 'ABSOLUTE' == options.position ){
options.controlOptions.anchor = $.ControlAnchor.ABSOLUTE; options.controlOptions.anchor = $.ControlAnchor.ABSOLUTE;
options.controlOptions.top = options.top; options.controlOptions.top = options.top;
options.controlOptions.left = options.left; options.controlOptions.left = options.left;
options.controlOptions.height = options.height; options.controlOptions.height = options.height;
options.controlOptions.width = options.width; options.controlOptions.width = options.width;
}
} }
}
} else {
this.element = document.getElementById( options.id );
options.controlOptions = {
anchor: $.ControlAnchor.NONE,
attachToViewer: false,
autoFade: false
};
}
this.element.id = options.id;
} else { } else {
this.element = document.getElementById( options.id ); this.element = options.element;
options.controlOptions = { options.controlOptions = {
anchor: $.ControlAnchor.NONE, anchor: $.ControlAnchor.NONE,
attachToViewer: false, attachToViewer: false,
autoFade: false autoFade: false
}; };
} }
this.element.id = options.id;
this.element.className += ' navigator'; this.element.className += ' navigator';
options = $.extend( true, { options = $.extend( true, {