1<style type="text/css"> 

2.gallery .gallery-thumb { 

3    padding-bottom: 65.25%!important; 

4    height: auto!important; 

5} 

6 

7.gallery .gallery-thumb img { 

8    height: auto!important; 

9} 

10</style> 

11 

12 

13#set ($DLFileEntryLocalService = $serviceLocator.findService("com.liferay.portlet.documentlibrary.service.DLFileEntryLocalService")) 

14#set($imageToolUtil = $portal.getClass().forName("com.liferay.portal.kernel.image.ImageToolUtil")) 

15 

16<section class="padding-bottom centered"> 

17  <div class="container"> 

18 

19    <div class="gallery"> 

20	 

21		#if (!$entries.isEmpty()) 

22			 

23			#set($row_counter_1 = 0) 

24 

25			#foreach ($curFileEntry in $entries) 

26 

27                #set($image = $imageToolUtil.getImage($DLFileEntryLocalService.getFileAsStream($themeDisplay.getDefaultUserId(), $curFileEntry.getFileEntryId() ,$curFileEntry.version))) 

28                #set($image_ratio =  ($getterUtil.getFloat($image.getHeight(), 1)) / ($getterUtil.getFloat($image.getWidth(),1)) * 100) 

29				#set($group_id = $curFileEntry.groupId) 

30				#set($folder_id = $curFileEntry.folderId) 

31				#set($file_title = $curFileEntry.title) 

32				#set($file_desc = $curFileEntry.description) 

33				#set($uuid = $curFileEntry.uuid) 

34				#set($full_url = "/documents/" + $group_id + "/" +  $folder_id + "/" + $escapeTool.url($file_title) + "/" + $uuid) 

35				 

36				#set($row_counter_1 = $row_counter_1 + 1) 

37				#if($row_counter_1 == 1) 

38					<div class="row"> 

39				#end		 

40 

41					#if($row_counter_1 == 1 || $row_counter_1 == 3) 

42						<div class="col-md-6"> 

43							<div class="row">								 

44					#end		 

45								<div class="col-xs-6"> 

46									<a class="gallery-thumb swipebox" title="$file_title #if($file_desc != "" ) ($file_desc) #end" rel="group" href="$full_url" style="padding-bottom:$image_ratio%"> 

47										<img class="lazyload" data-original="$full_url" alt="$file_title" /> 

48									</a> 

49								</div> 

50 

51					#if(($row_counter_1 == 2 || $row_counter_1 == 4) || !$velocityHasNext) 

52							</div> 

53						</div>							 

54					#end	 

55 

56 

57				#if($row_counter_1 == 4 || !$velocityHasNext) 

58					</div> 

59					#set($row_counter_1 = 0)			 

60				#end 

61				 

62 

63			#end 

64		#end 

65 

66    </div> 

67 

68  </div> 

69</section>