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

minor tweeks...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2012-08-05 00:21:14 +04:00
parent 3682cb1700
commit dc5886bfa9
3 changed files with 22 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
ui/TODO.otl
View File

@ -78,6 +78,9 @@ Priority work
[_] stretch to full screen
| NOTE: viewer % sizes may break things...
[_] restrict to horizontal / do a different vertical layout
[_] make buttons semi-transparent and same color as bg in all modes
| just like single image mode...
[_] make bg color switching in all modes
[_] 0% PC
[_] stretch to full screen
[_] hide buttons for keyboard actions

9
ui/gallery-prototype.js
View File

@ -36,6 +36,10 @@ var keys = {
moveViewLeft: [72], // h
moveViewRight: [76], // l
centerCurrentImage: [79], // o
toggleMarkers: [77], // m
// keys to be ignored...
ignore: [16, 17, 18],
@ -232,10 +236,15 @@ function handleKeys(event){
: (fn(code, keys.moveViewDown) >= 0) ? moveViewDown()
: (fn(code, keys.moveViewLeft) >= 0) ? moveViewLeft()
: (fn(code, keys.moveViewRight) >= 0) ? moveViewRight()
: (fn(code, keys.centerCurrentImage) >= 0) ? centerCurrentImage()
: (fn(code, keys.toggleSingleImageMode) >= 0) ? toggleSingleImageMode()
: (fn(code, keys.toggleSingleImageModeTransitions) >= 0) ? toggleSingleImageModeTransitions()
: (fn(code, keys.toggleSingleImageModeWhiteBG) >= 0) ? toggleSingleImageModeWhiteBG()
// debug...
: (fn(code, keys.toggleMarkers) >= 0) ? toggleMarkers()
: (fn(code, keys.ignore) >= 0) ? false
// XXX
: (keys.helpShowOnUnknownKey) ? function(){alert(code)}()

20
ui/gallery.html
View File

@ -61,14 +61,14 @@ $(document).ready(setup);
<style>
</style>
<div class="viewer">
<div class="viewer no-single-image-transitions">
<div class="controller">
<div class="screen-button demote">^</div>
<div class="screen-button prev-image">&lt;</div>
<div class="screen-button promote">v</div>
<div class="screen-button toggle-single">[ ]</div>
<div class="screen-button fit-three">ooo</div>
<div class="screen-button settings">settings</div>
<div class="screen-button settings">?</div>
</div>
<div class="container">
<div class="field">
@ -92,11 +92,11 @@ $(document).ready(setup);
</div>
<div class="demo-buttons">
<button onclick="toggleMarkers()">Toggle Guides</button>
<button onclick="toggleMarkers()">Toggle Markers (m)</button>
<br><br>
<button onclick="centerCurrentImage()">center current</button>
<button onclick="centerCurrentImage()">center current (o)</button>
<button onclick="centerOrigin()">center origin</button>
<br><br>
@ -113,10 +113,10 @@ $(document).ready(setup);
<br><br>
<button onclick="moveViewLeft()">left</button>
<button onclick="moveViewUp()">Up</button>
<button onclick="moveViewDown()">Down</button>
<button onclick="moveViewRight()">right</button>
<button onclick="moveViewLeft()">left (h)</button>
<button onclick="moveViewUp()">Up (k)</button>
<button onclick="moveViewDown()">Down (j)</button>
<button onclick="moveViewRight()">right (l)</button>
<!--br><br>
LEGACY:
@ -138,8 +138,8 @@ $(document).ready(setup);
<br><br>
<button onclick="createRibbon('prev')">create ribbon above (helper)</button><br>
<button onclick="createRibbonBelow('next')">create ribbon below (helper)</button>
<button onclick="createRibbon('prev')" disabled>create ribbon above (helper)</button><br>
<button onclick="createRibbonBelow('next')" disabled>create ribbon below (helper)</button>
<br><br>