flynx/ImageGrid
1
1
Fork 0
mirror of https://github.com/flynx/ImageGrid.git synced 2025-10-31 11:20:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

make sizing configuration more friendly to different screen sizes + moved some to CONFIG...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2014-01-15 22:52:28 +04:00
parent 3a96a5a08a
commit 2ace671030
4 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
ui/data.js
View File

@ -123,9 +123,14 @@ var CONFIG = {
// NOTE: The value should be >1 or zooming will be reversed. // NOTE: The value should be >1 or zooming will be reversed.
zoom_step_scale: 1.2, zoom_step_scale: 1.2,
// ribbon scaling limits and defaults... // ribbon scaling limits and defaults (pixels)...
// ~10 images per screen @ 1024x768
min_image_size: 100, min_image_size: 100,
default_screen_images: 4, // ~4 images per screen @ 1024x768
default_image_size: 250,
single_image_scale_2: 1.125,
single_image_scale_3: 3,
// localStorage prefix... // localStorage prefix...
data_attr: 'DATA', data_attr: 'DATA',
@ -2272,7 +2277,9 @@ function reloadViewer(reuse_current_structure, images_per_screen){
var current = DATA.current var current = DATA.current
// if no width is given, use the current or default... // if no width is given, use the current or default...
var w = images_per_screen == null ? getScreenWidthInImages() : images_per_screen var w = images_per_screen == null ? getScreenWidthInImages() : images_per_screen
w = w > getScreenWidthInImages(CONFIG.min_image_size) ? CONFIG.default_screen_images : w w = w > getScreenWidthInImages(CONFIG.min_image_size)
? getScreenWidthInImages(CONFIG.default_image_size)
: w
// reset data structure... // reset data structure...
if(!reuse_current_structure){ if(!reuse_current_structure){

1
ui/index.html
View File

@ -53,6 +53,7 @@
<script> <script>
//DEBUG = true //DEBUG = true
var SCROLLER_ENABLED = true var SCROLLER_ENABLED = true

4
ui/keybindings.js
View File

@ -609,8 +609,8 @@ var KEYBOARD_CONFIG = {
// zooming... // zooming...
'#1': doc('Fit image to screen', function(){ fitNImages(1) }), '#1': doc('Fit image to screen', function(){ fitNImages(1) }),
'#2': doc('Show big image', function(){ fitNImages(1.125) }), '#2': doc('Show big image', function(){ fitNImages(CONFIG.single_image_scale_2) }),
'#3': doc('Show small image', function(){ fitNImages(3) }), '#3': doc('Show small image', function(){ fitNImages(CONFIG.single_image_scale_3) }),
'-': doc('Zoom in', function(){ zoomOut() }), '-': doc('Zoom in', function(){ zoomOut() }),
'=': doc('Zoom out', function(){ zoomIn() }), '=': doc('Zoom out', function(){ zoomIn() }),

4
ui/modes.js
View File

@ -153,7 +153,9 @@ var toggleSingleImageMode = createCSSClassToggler(
// load things... // load things...
w = UI_STATE['ribbon-mode-screen-images'] w = UI_STATE['ribbon-mode-screen-images']
w = w == null ? CONFIG.default_screen_images : w w = w == null
? getScreenWidthInImages(CONFIG.default_image_size)
: w
fitNImages(w) fitNImages(w)
var i = UI_STATE['ribbon-mode-image-info'] == 'on' ? 'on' : 'off' var i = UI_STATE['ribbon-mode-image-info'] == 'on' ? 'on' : 'off'