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);
}
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()
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()
{
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();
}
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';
}
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
</script>
<body onresize="relayout();" onload="init_ajax(); relayout(); setInterval('check_for_hash_change()', 1000);" onkeydown="key_down(event.keyCode);" onkeyup="key_up(event.keyCode);" onhashchange="check_for_hash_change();" onclick="check_for_hash_change();">
<div>
<div class="container" id="main"><div id="iehack"></div></div>
- <img id="previous" src="/previous.png" alt="<-" onmousedown="if (can_go_previous()) set_opacity('previous', 1.0)" onmouseup="if (can_go_previous()) { set_opacity('previous', global_default_opacity); go_previous(); }" onmouseout="if (can_go_previous()) { set_opacity('previous', global_default_opacity); }" />
- <img id="next" src="/next.png" alt="->" onmousedown="if (can_go_next()) set_opacity('next', 1.0)" onmouseup="if (can_go_next()) { set_opacity('next', global_default_opacity); go_next(); }" onmouseout="if (can_go_next()) { set_opacity('next', global_default_opacity); }" />
- <img id="close" src="/close.png" alt="x" onmousedown="set_opacity('close', 1.0)" onmouseup="set_opacity('close', global_default_opacity); do_close();" onmouseout="set_opacity('close', global_default_opacity);" />
- <img id="options" src="/options.png" alt="=" onmousedown="set_opacity('options', 1.0)" onmouseup="set_opacity('options', global_default_opacity); toggle_optionmenu();" onmouseout="set_opacity('options', global_default_opacity);" />
+ <img id="previous" src="/previous.png" alt="<-" onmousedown="if (can_go_previous()) set_opacity('previous', global_highlight_opacity)" onmouseup="if (can_go_previous()) { set_opacity('previous', global_default_opacity); go_previous(); }" onmouseout="if (can_go_previous()) { set_opacity('previous', global_default_opacity); }" />
+ <img id="next" src="/next.png" alt="->" onmousedown="if (can_go_next()) set_opacity('next', global_highlight_opacity)" onmouseup="if (can_go_next()) { set_opacity('next', global_default_opacity); go_next(); }" onmouseout="if (can_go_next()) { set_opacity('next', global_default_opacity); }" />
+ <img id="close" src="/close.png" alt="x" onmousedown="set_opacity('close', global_highlight_opacity)" onmouseup="set_opacity('close', global_default_opacity); do_close();" onmouseout="set_opacity('close', global_default_opacity);" />
+ <img id="options" src="/options.png" alt="=" onmousedown="set_opacity('options', global_highlight_opacity)" onmouseup="set_opacity('options', global_default_opacity); toggle_optionmenu();" onmouseout="set_opacity('options', global_default_opacity);" />
<div id="optionmenu"><p><a id="origdownload">Download original image</a></p><p><a id="immersivetoggle" href="javascript:toggle_optionmenu();toggle_immersive();">Hide all decorations</a></p></div>
</div>
</body>