holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Expose view enhancement: Load next media to gallery by scrolling on thumbnails

Browse Source
This commit is contained in:
Hadi Nategh 2015-01-30 12:00:54 +00:00
parent e135e0d2ee
commit 4cd8d64130
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
etemplate/js/expose.js
View File

@ -426,6 +426,7 @@ function expose (widget)
expose_onopened: function (event){ expose_onopened: function (event){
// Check to see if we're in a nextmatch, do magic // Check to see if we're in a nextmatch, do magic
var nm = find_nextmatch(this); var nm = find_nextmatch(this);
var self=this;
if(nm) if(nm)
{ {
// Add scrolling to the indicator list // Add scrolling to the indicator list
@ -435,9 +436,18 @@ function expose (widget)
gallery.container.find('.indicator').off() gallery.container.find('.indicator').off()
.addClass('paginating') .addClass('paginating')
.mousewheel(function(event, delta) { .mousewheel(function(event, delta) {
if(delta > 0 && parseInt($j(this).css('left')) > gallery.container.width() / 2) return; if(delta > 0 && parseInt($j(this).css('left')) > gallery.container.width() / 2) return;
//Reload next pictures into the gallery by scrolling on thumbnails
if (delta<0 && $j(this).width() + parseInt($j(this).css('left')) < gallery.container.width())
{
var nextIndex = gallery.indicatorContainer.find('[title="loading"]')[0];
if (nextIndex) self.expose_onslideend(gallery,nextIndex.dataset.index -1);
return;
}
// Move it about 5 indicators // Move it about 5 indicators
$j(this).css('left',parseInt($j(this).css('left'))-(-delta*gallery.activeIndicator.width()*5)+'px'); $j(this).css('left',parseInt($j(this).css('left'))-(-delta*gallery.activeIndicator.width()*5)+'px');
event.preventDefault(); event.preventDefault();
}) })
.swipe(function(event, direction, distance) { .swipe(function(event, direction, distance) {