function display_image(width, height, evt, filename, element_id)
{
- var url = "http://" + global_vhost + "/" + evt + "/" + width + "x" + height + "/" + filename;
+ var url = "http://" + global_vhost + "/" + evt + "/" + width + "x" + height + "/" + global_infobox + filename;
var img = document.getElementById(element_id);
if (img != null) {
- img.src = "";
+ img.src = "data:";
img.parentNode.removeChild(img);
}
img.src = url;
}
- var main = document.getElementById("main");
+ var main = document.getElementById("iehack");
main.appendChild(img);
return img;
// cancel any pending preload
var preload = document.getElementById("preload");
if (preload != null) {
- preload.src = "";
+ preload.src = "data:";
preload.parentNode.removeChild(preload);
}
-
- if (document.all) { // IE-specific
- img.onload = "display_image(" + width + "," + height + ",\"" + evt + "\",\"" + filename + "\",\"preload\");";
+
+ // grmf -- IE doesn't fire onload if the image was loaded from cache, so check for
+ // completeness first; should at least be _somewhat_ better
+ if (img.complete) {
+ display_image(width, height, evt, filename, "preload");
} else {
- img.onload = function() { display_image(width, height, evt, filename, "preload"); }
- }
+ img.onload = function() { display_image(width, height, evt, filename, "preload"); };
+ }
}
function relayout()
var size = find_width();
var adjusted_size = reduce_to_fixed_width(size);
- var img = display_image(adjusted_size[0], adjusted_size[1], global_evt, global_image_list[global_image_num], "image");
+ var img = display_image(adjusted_size[0], adjusted_size[1], global_image_list[global_image_num][0], global_image_list[global_image_num][1], "image");
if (can_go_next()) {
- prepare_preload(img, adjusted_size[0], adjusted_size[1], global_evt, global_image_list[global_image_num + 1]);
+ prepare_preload(img, adjusted_size[0], adjusted_size[1], global_image_list[global_image_num + 1][0], global_image_list[global_image_num + 1]);
}
// center the image on-screen
elem.style.filter = "";
}
elem.style.filter += "alpha(opacity=" + (amount*100.0) + ")";
- } else {
- elem.filters.alpha.opacity = (amount * 100.0);
+ } else {
+ // ugh? this seems to break in color index mode...
+ if (typeof(elem.filters) == 'unknown') {
+ elem.style.filter = "alpha(opacity=" + (amount*100.0) + ")";
+ } else {
+ elem.filters.alpha.opacity = (amount * 100.0);
+ }
}
} else { // no alpha support
if (amount > 0.5) {
var adjusted_size = reduce_to_fixed_width(find_width());
- var img = display_image(adjusted_size[0], adjusted_size[1], global_evt, global_image_list[global_image_num], "image");
+ var img = display_image(adjusted_size[0], adjusted_size[1], global_image_list[global_image_num][0], global_image_list[global_image_num][1], "image");
if (can_go_previous()) {
set_opacity("previous", 0.7);
- prepare_preload(img, adjusted_size[0], adjusted_size[1], global_evt, global_image_list[global_image_num - 1]);
+ prepare_preload(img, adjusted_size[0], adjusted_size[1], global_image_list[global_image_num - 1][0], global_image_list[global_image_num - 1][1]);
} else {
set_opacity("previous", 0.1);
}
var adjusted_size = reduce_to_fixed_width(find_width());
- var img = display_image(adjusted_size[0], adjusted_size[1], global_evt, global_image_list[global_image_num], "image");
+ var img = display_image(adjusted_size[0], adjusted_size[1], global_image_list[global_image_num][0], global_image_list[global_image_num][1], "image");
if (can_go_next()) {
set_opacity("next", 0.7);
- prepare_preload(img, adjusted_size[0], adjusted_size[1], global_evt, global_image_list[global_image_num + 1]);
+ prepare_preload(img, adjusted_size[0], adjusted_size[1], global_image_list[global_image_num + 1][0], global_image_list[global_image_num + 1][1]);
} else {
set_opacity("next", 0.1);
}
} else if (which == 27) { // escape
set_opacity("close", 0.7);
do_close();
- } else if (which == 32) { // space
- select_image(global_image_list[global_image_num]);
+ } else if (which == 32 && global_select) { // space
+ select_image(global_image_list[global_image_num][0], global_image_list[global_image_num][1]);
}
}
-function select_image(filename)
+function select_image(evt, filename)
{
if (!req)
return;
req.open("POST", "http://" + global_vhost + "/select", false);
req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
- req.send("mode=single&event=" + global_evt + "&filename=" + filename);
+ req.send("mode=single&event=" + evt + "&filename=" + filename);
setTimeout("fade_text(0.99)", 30);
}
var previous = document.getElementById("previous");
previous.outerHTML = "<span id=\"previous\" style=\"display: inline-block; position: absolute; bottom: 0px; right: 0px; width: 50px; height: 50px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + previous.src + "')\" onmousedown=\"if (can_go_previous()) set_opacity('previous', 1.0)\" onmouseup=\"if (can_go_previous()) { set_opacity('previous', 0.7); go_previous(); }\" onmouseout=\"if (can_go_previous()) { set_opacity('previous', 0.7); }\" />";
+
+ var close = document.getElementById("close");
+ close.outerHTML = "<span id=\"close\" style=\"display: inline-block; position: absolute; top: 0px; right: 0px; width: 50px; height: 50px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + close.src + "')\" onmousedown=\"set_opacity('close', 1.0)\" onmouseup=\"set_opacity('close', 0.7); do_close();\" onmouseout=\"set_opacity('close', 0.7);\" />";
}
}