r2684 - photoviewer: left/right transitions on cursor left/right
Author: joern.zaefferer
Date: Tue Jun 9 06:44:16 2009
New Revision: 2684
Modified:
branches/labs/photoviewer/ui/ui.photoviewer.js
Log:
photoviewer: left/right transitions on cursor left/right
Modified: branches/labs/photoviewer/ui/ui.photoviewer.js
==============================================================================
--- branches/labs/photoviewer/ui/ui.photoviewer.js (original)
+++ branches/labs/photoviewer/ui/ui.photoviewer.js Tue Jun 9 06:44:16 2009
@@ -36,13 +36,19 @@
self.close();
break;
case $.ui.keyCode.LEFT:
+ self.prev("left");
+ event.preventDefault();
+ break;
case $.ui.keyCode.UP:
- self.prev();
+ self.prev("up");
event.preventDefault();
break;
case $.ui.keyCode.RIGHT:
+ self.next("right");
+ event.preventDefault();
+ break;
case $.ui.keyCode.DOWN:
- self.next();
+ self.next("down");
event.preventDefault();
break;
}
@@ -62,10 +68,10 @@
if (self.viewerElement.is(":animated"))
return;
if (delta < 0) {
- self.next();
+ self.next("down");
}
if (delta > 0) {
- self.prev();
+ self.prev("up");
}
});
}
@@ -107,12 +113,12 @@
});
},
- next: function() {
- this._rotate(":gt(", ":first", "up");
+ next: function(direction) {
+ this._rotate(":gt(", ":first", direction || "up");
},
- prev: function() {
- this._rotate(":lt(", ":last", "down");
+ prev: function(direction) {
+ this._rotate(":lt(", ":last", direction || "down");
},
_anchors: function() {
@@ -145,7 +151,12 @@
self._shadow($this);
self._overlay().attr("title", anchor.title + self.options.titleSuffix)
if (visible) {
- self.options.rotateIn.call($this[0], direction
== "up" ? "down" : "up");
+ self.options.rotateIn.call($this[0], {
+ up: "down",
+ down: "up",
+ left: "right",
+ right: "left"
+ }[direction]);
} else {
self._overlay().css({
left: $(window).scrollLeft(),