From: Steinar H. Gunderson Date: Fri, 20 Nov 2015 01:01:16 +0000 (+0100) Subject: Some opacity tweaks for the immersive experience. X-Git-Url: https://git.sesse.net/?p=pr0n;a=commitdiff_plain;h=e24b1e66242c5bb4b4227633116a45f6b84d94a2 Some opacity tweaks for the immersive experience. --- diff --git a/files/pr0n-fullscreen.js b/files/pr0n-fullscreen.js index c69f8a7..a52bf8b 100644 --- a/files/pr0n-fullscreen.js +++ b/files/pr0n-fullscreen.js @@ -274,8 +274,8 @@ function relayout() prepare_preload(img, global_image_num + 1); } - set_opacity("previous", can_go_previous() ? global_default_opacity : 0.1); - set_opacity("next", can_go_next() ? global_default_opacity : 0.1); + set_opacity("previous", can_go_previous() ? global_default_opacity : global_disabled_opacity); + set_opacity("next", can_go_next() ? global_default_opacity : global_disabled_opacity); set_opacity("close", global_default_opacity); set_opacity("options", global_default_opacity); } @@ -291,9 +291,9 @@ function go_previous() set_opacity("previous", global_default_opacity); prepare_preload(img, global_image_num - 1); } else { - set_opacity("previous", 0.1); + set_opacity("previous", global_disabled_opacity); } - set_opacity("next", can_go_next() ? global_default_opacity : 0.1); + set_opacity("next", can_go_next() ? global_default_opacity : global_disabled_opacity); } function go_next() @@ -307,9 +307,9 @@ function go_next() set_opacity("next", global_default_opacity); prepare_preload(img, global_image_num + 1); } else { - set_opacity("next", 0.1); + set_opacity("next", global_disabled_opacity); } - set_opacity("previous", can_go_previous() ? global_default_opacity : 0.1); + set_opacity("previous", can_go_previous() ? global_default_opacity : global_disabled_opacity); } function do_close() @@ -391,14 +391,14 @@ function key_down(which) { if (which == 39) { // right if (can_go_next()) { - set_opacity("next", 0.99); + set_opacity("next", global_highlight_opacity); } } else if (which == 37) { // left if (can_go_previous()) { - set_opacity("previous", 0.99); + set_opacity("previous", global_highlight_opacity); } } else if (which == 27) { // escape - set_opacity("close", 0.99); + set_opacity("close", global_higlight_opacity); } else { check_for_hash_change(); } @@ -446,11 +446,15 @@ function check_for_hash_change() { function toggle_immersive() { if (global_default_opacity == 0.7) { + global_disabled_opacity = 0.0; global_default_opacity = 0.0; + global_highlight_opacity = 0.2; global_infobox = false; document.getElementById('immersivetoggle').innerHTML = 'Show decorations'; } else { + global_disabled_opacity = 0.1; global_default_opacity = 0.7; + global_highlight_opacity = 1.0; global_infobox = true; document.getElementById('immersivetoggle').innerHTML = 'Hide all decorations'; } diff --git a/templates/default/fullscreen-footer b/templates/default/fullscreen-footer index de29479..2a3ef75 100644 --- a/templates/default/fullscreen-footer +++ b/templates/default/fullscreen-footer @@ -2,7 +2,9 @@ var global_return_url = "%RETURNURL%"; var global_image_num = parse_image_num(%START%); var global_select = %SEL%; +var global_disabled_opacity = 0.1; var global_default_opacity = 0.7; +var global_highlight_opacity = 1.0; var global_infobox = true; // end generated @@ -10,10 +12,10 @@ var global_infobox = true;
- <- - -> - x - = + <- + -> + x + =