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

added white bg for single image mode...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2012-08-05 00:02:17 +04:00
parent e9ce1ef2d2
commit 454be47e66
3 changed files with 37 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
ui/gallery-prototype.js
View File

@ -7,6 +7,7 @@ var keys = {
toggleHelp: [72],
toggleSingleImageMode: [70, 13], // ???, Enter
toggleSingleImageModeTransitions: [84], // t
toggleSingleImageModeWhiteBG: [87], // w
close: [27, 88, 67],
// zooming...
@ -234,6 +235,7 @@ function handleKeys(event){
: (fn(code, keys.toggleSingleImageMode) >= 0) ? toggleSingleImageMode()
: (fn(code, keys.toggleSingleImageModeTransitions) >= 0) ? toggleSingleImageModeTransitions()
: (fn(code, keys.toggleSingleImageModeWhiteBG) >= 0) ? toggleSingleImageModeWhiteBG()
: (fn(code, keys.ignore) >= 0) ? false
// XXX
: (keys.helpShowOnUnknownKey) ? function(){alert(code)}()
@ -549,6 +551,7 @@ function mergeRibbons(direction){
}
function toggleSingleImageModeTransitions(){
if( $('.no-single-image-transitions').length > 0 ){
@ -560,6 +563,18 @@ function toggleSingleImageModeTransitions(){
function toggleSingleImageModeWhiteBG(){
if( $('.single-image-white-bg').length > 0 ){
$('.single-image-white-bg').removeClass('single-image-white-bg')
} else {
$('.viewer').addClass('single-image-white-bg')
}
}
/*************************************************** Editor Actions **/
// now the actual modifiers...

1
ui/gallery.html
View File

@ -102,6 +102,7 @@ $(document).ready(setup);
<br><br>
<button onclick="toggleSingleImageModeTransitions()">toggle single image mode transitions (t)</button>
<button onclick="toggleSingleImageModeWhiteBG()">toggle single image mode white background (w)</button>
<br><br>

21
ui/single-image-mode.css
View File

@ -42,3 +42,24 @@
transition: none;
}
/* white background */
.single-image-mode.single-image-white-bg.viewer, .single-image-mode.single-image-white-bg .controller {
background: white;
}
.single-image-mode.single-image-white-bg .screen-button {
color: gray;
}
.single-image-mode.single-image-white-bg .image {
background-color: white;
}
.single-image-mode.single-image-white-bg .toggle-single, .single-image-mode.single-image-white-bg .zoom-in {
border-top: solid gray 1px;
}