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;
 | |
| 		}
 | |
| 	});
 | |
| }); |