CAMP/it
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

image gallery next prev

Browse Source
This commit is contained in:
Sanj 2011-11-07 15:51:12 +05:30
parent 3d7d35fee5
commit 6fe5d626d0
1 changed files with 31 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
itf/static/js/insidepage.js
View File

@ -36,17 +36,44 @@ $('#listLeft ul li a').live("click", function() {
return false; return false;
}); });
$('.lightboxNext').live("click", function(e) {
$(this).data("image").click();
});
$('.lightboxPrev').live("click", function(e) {
$(this).data("image").click();
});
$('.thumbsDetails').live("click", function(e) { $('.thumbsDetails').live("click", function(e) {
// alert($(this).attr("data-bigimage")); // alert($(this).attr("data-bigimage"));
var that = this; var that = this;
var totalImages = $(this).parent().find(".thumbsDetails").length;
var thisIndex = $(this).index();
if (thisIndex < (totalImages - 1)) {
var hasNext = true;
var nextImage = $(this).parent().find(".thumbsDetail").eq(thisIndex + 1);
}
if (thisIndex > 0 && totalImages > 1) {
var hasPrev = true;
var prevImage = $(this).parent().find(".thumbsDetail").eq(thisIndex - 1);
}
var bigImage = $(this).attr("data-bigimage"); var bigImage = $(this).attr("data-bigimage");
var $img = $('<img />').attr("src", bigImage); var $img = $('<img />').attr("src", bigImage);
showLightbox($img); showLightbox($img);
var title = $(this).hasAttr("title") ? $(this).attr("title") : ''; var title = $(this).hasAttr("title") ? $(this).attr("title") : '';
var $c = $('#lightboxContent');
if (title != '') { if (title != '') {
var $caption = $('<div />').addClass("lightboxCaption").text(title).appendTo($('#lightboxContent')); var $caption = $('<div />').addClass("lightboxCaption").text(title).appendTo($c);
} }
if (hasNext) {
var $next = $('<div />').addClass("lightboxNext").text("NEXT").data("image", nextImage).appendTo($c);
}
if (hasPrev) {
var $prev = $('<div />').addClass("lightboxPrev").text("PREV").data("image", prevImage).appendTo($c);
}
}); });
function hideLightbox() { function hideLightbox() {
@ -54,7 +81,9 @@ function hideLightbox() {
} }
function showLightbox($content) { function showLightbox($content) {
$('#lightbox, #lightboxPanel').fadeIn(400); if (!$('#lightbox').is("visible")) {
$('#lightbox, #lightboxPanel').fadeIn(400);
}
$('#lightboxContent').empty().append($content); $('#lightboxContent').empty().append($content);
} }