59 lines
1.5 KiB
JavaScript
59 lines
1.5 KiB
JavaScript
|
$(function() {
|
||
|
|
var $container = $('.gallery'),
|
||
|
|
$containerData = $container.data();
|
||
|
|
|
||
|
|
$container.imagesLoaded( function(){
|
||
|
|
$container.masonry({
|
||
|
|
itemSelector : '.rgalbum',
|
||
|
|
isAnimated: true,
|
||
|
|
});
|
||
|
|
if($containerData.galleryId == 'gallery') {
|
||
|
|
var $albumname = $('.albumname'),
|
||
|
|
$img = $('.rgalbum img');
|
||
|
|
$albumname.each(function(i) {
|
||
|
|
var $imgH = $(this).prevAll($img).height(),
|
||
|
|
$H = $(this).height()+20,
|
||
|
|
$fontSize = parseInt($(this).css('font-size'));
|
||
|
|
$lineHeight = parseInt($(this).css('line-height'));
|
||
|
|
if($H > $imgH) {
|
||
|
|
$(this).css({
|
||
|
|
'bottom': "auto",
|
||
|
|
'top': 0,
|
||
|
|
});
|
||
|
|
$(this).hover(function() {
|
||
|
|
$(this).stop(true, true).delay(500).animate({
|
||
|
|
'top': '-='+($H-$imgH),
|
||
|
|
},($H-$imgH)*10)
|
||
|
|
},function() {
|
||
|
|
$(this).stop(true, true);
|
||
|
|
$(this).css({
|
||
|
|
'bottom': "auto",
|
||
|
|
'top': 0,
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
$('#orbit_gallery').delegate('.icons-tag','click',function(){
|
||
|
|
$(this).parents('.gallery_info').nextAll('.albumtag').slideToggle(300, function() {
|
||
|
|
$container.masonry({
|
||
|
|
itemSelector : '.rgalbum',
|
||
|
|
isAnimated: true,
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
$('.add-imgs').on({
|
||
|
|
click: function() {
|
||
|
|
$('#fileupload').slideToggle(300, function() {
|
||
|
|
if(!$(this).is(':hidden')) {
|
||
|
|
$('.add-imgs').html('<i class="icons-cross-2"></i> Close panel');
|
||
|
|
} else {
|
||
|
|
$('.add-imgs').html('<i class="icons-plus"></i> Add Image');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|