diff --git a/ui/fullscreen.html b/ui/fullscreen.html new file mode 100755 index 00000000..86a8c36d --- /dev/null +++ b/ui/fullscreen.html @@ -0,0 +1,137 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ ImageGrid
+ loading... +
+
+
+
*
+
+
+
+
^
+
<
+
v
+
[ ]
+
ooo
+
?
+
+
+
+
+
+
+
+
+
+
+
?
+
+
+
+
^
+
>
+
v
+
+
+
-
+
...
+
+
+ + + + diff --git a/ui/gallery.css b/ui/gallery.css index 929ce7fe..030ec202 100755 --- a/ui/gallery.css +++ b/ui/gallery.css @@ -84,8 +84,6 @@ position: relative; width: 900px; height: 500px; - border: solid blue 5px; - margin: 20px; background: white; @@ -104,7 +102,7 @@ overflow: hidden; width: 50px; - height: 500px; + height: 100%; /* keep these on top of the normal elements but below the high * visibility 9000+ crowd... diff --git a/ui/gallery.html b/ui/gallery.html index 5828a8de..a50f42ef 100755 --- a/ui/gallery.html +++ b/ui/gallery.html @@ -7,6 +7,20 @@ + @@ -31,7 +45,7 @@ function setup(){ setDefaultInitialState() // XXX - //setBackgroundMode('dark') + setBackgroundMode('dark') // setup event handlers... setupKeyboard() diff --git a/ui/ui.js b/ui/ui.js index 963bb706..44fdf60d 100755 --- a/ui/ui.js +++ b/ui/ui.js @@ -131,7 +131,6 @@ function alignRibbon(image, position){ /* Set the transform-origin to the center of the current view... */ -// XXX this appears to be wrong.... function centerOrigin(){ var mt = parseFloat($('.field').css('margin-top')) var ml = parseFloat($('.field').css('margin-left')) @@ -171,7 +170,6 @@ function centerOrigin(){ // XXX need to make this work for % values... // XXX make this usable as an event handler for .resize(...) event... -// XXX this does not account for scale correctly... function fieldSize(W, H){ var oW = $('.container').width() var oH = $('.container').height() @@ -234,7 +232,6 @@ function getElementScale(elem){ function setElementScale(elem, scale){ } -// XXX this appears to be broken -- for some reason the current scale does not change... function scaleContainerBy(factor){ var scale = getElementScale($('.field'))*factor @@ -271,7 +268,7 @@ function fitThreeImages(){ var W = $('.container').width() var h = $('.image.current').height() - // XXX cheating, need to get three widths... + // NOTE: this is cheating, need to get actual three widths... var w = $('.image.current').width()*3 var f = Math.min(H/h, W/w)