nocebo/diaspora
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

thumbnails scroll to currently selected image smoothly

Browse source
This commit is contained in:
Faldrian 2014-08-03 15:32:57 +02:00
parent f9215ce7dd
commit 172bc80ec1
1 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/assets/javascripts/widgets/lightbox.js
View file

@ -60,13 +60,13 @@ jQuery.fn.center = (function() {
self.scrollleft.click(function(evt){ self.scrollleft.click(function(evt){
evt.preventDefault(); evt.preventDefault();
evt.stopPropagation(); evt.stopPropagation();
self.navigation.scrollLeft(self.navigation.scrollLeft() - (self.window.width() - 150)); self.navigation.animate({scrollLeft: (self.navigation.scrollLeft() - (self.window.width() - 150))}, 200, 'swing');
}); });
self.scrollright.click(function(evt){ self.scrollright.click(function(evt){
evt.preventDefault(); evt.preventDefault();
evt.stopPropagation(); evt.stopPropagation();
self.navigation.scrollLeft(self.navigation.scrollLeft() + (self.window.width() - 150)); self.navigation.animate({scrollLeft: (self.navigation.scrollLeft() + (self.window.width() - 150))}, 200, 'swing');
}); });
self.body.keydown(function(evt) { self.body.keydown(function(evt) {
@ -136,6 +136,8 @@ jQuery.fn.center = (function() {
self self
.selectImage(imageThumb) .selectImage(imageThumb)
.revealLightbox(); .revealLightbox();
self.scrollToThumbnail(imageThumb);
}; };
this.imagesetImageClicked = function(evt) { this.imagesetImageClicked = function(evt) {
@ -145,11 +147,17 @@ jQuery.fn.center = (function() {
self.selectImage($(this)); self.selectImage($(this));
}; };
this.scrollToThumbnail = function(imageThumb) {
self.navigation.animate({scrollLeft: (self.navigation.scrollLeft() + imageThumb.offset().left +35 - (self.window.width() / 2))}, 200, 'swing');
}
this.selectImage = function(imageThumb) { this.selectImage = function(imageThumb) {
$(".selected", self.imageset).removeClass("selected"); $(".selected", self.imageset).removeClass("selected");
imageThumb.addClass("selected"); imageThumb.addClass("selected");
self.image.attr("src", imageThumb.attr("data-full-photo")); self.image.attr("src", imageThumb.attr("data-full-photo"));
self.scrollToThumbnail(imageThumb);
return self; return self;
}; };