Portfolio gallery

Live demo

Markup

<?php
	/**
		* @package     Joomla.Site
		* @subpackage  mod_articles_category
		* @Author	   web-eau.net
		* @copyright   Copyright (C) 2005 - 2018 Open Source Matters, Inc. All rights reserved.
		* @license     GNU General Public License version 2 or later; see LICENSE.txt
	*/
	defined('_JEXEC') or die;
	
	/** @var  \stdClass  $item */
	$images = json_decode($item->images);
JLoader::register('BannerHelper', JPATH_ROOT . '/components/com_banners/helpers/banner.php');
?>
  
<div class="container">
	<div class="row">
		<div class="category-module<?php echo $moduleclass_sfx; ?>">
			<div class="card-deck-wrapper">
				<div class="card-deck">
					
					<?php foreach ($list as $item) : ?>
					<div class="col-md-4">
						<div class="card">
							<?php $link = JRoute::_('index.php?option=com_banners&task=click&id=' . $item->id); ?>
							<?php if ($item->type == 1) : ?>
							<?php // Text based banners ?>
							<?php echo str_replace(array('{CLICKURL}', '{NAME}'), array($link, $item->name), $item->custombannercode); ?>
							<?php else : ?>
							<?php $imageurl = $item->params->get('imageurl'); ?>
							<?php $width = $item->params->get('width'); ?>
							<?php $height = $item->params->get('height'); ?>
							<?php if (BannerHelper::isImage($imageurl)) : ?>
							<?php // Image based banner ?>
							<?php $baseurl = strpos($imageurl, 'http') === 0 ? '' : JUri::base(); ?>
							<?php $alt = $item->params->get('alt'); ?>
							<?php $alt = $alt ?: $item->name; ?>
							<?php $alt = $alt ?: JText::_('MOD_BANNERS_BANNER'); ?>
							<?php if ($item->clickurl) : ?>
							<?php // Wrap the banner in a link ?>
							<?php $target = $params->get('target', 1); ?>
							<?php if ($target == 1) : ?>
							<?php // Open in a new window ?>
							<a
						 href="/<?php echo $link; ?>" target="_blank" rel="noopener noreferrer" 
							title="<?php echo htmlspecialchars($item->name, ENT_QUOTES, 'UTF-8'); ?>">
								<img
								class="card-img-top" 
							 src="/<?php echo $baseurl . $imageurl; ?>"
								alt="<?php echo $alt;?>"
								<?php if (!empty($width)) echo ' width="' . $width . '"';?>
								<?php if (!empty($height)) echo ' height="' . $height . '"';?>
								/>
							</a>
							<?php elseif ($target == 2) : ?>
							<?php // Open in a popup window ?>
							<a
						 href="/<?php echo $link; ?>" onclick="window.open(this.href, '',
							'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=780,height=550');
							return false"
							title="<?php echo htmlspecialchars($item->name, ENT_QUOTES, 'UTF-8'); ?>">
								<img
								class="card-img-top" 
							 src="/<?php echo $baseurl . $imageurl; ?>"
								alt="<?php echo $alt;?>"
								<?php if (!empty($width)) echo ' width="' . $width . '"';?>
								<?php if (!empty($height)) echo ' height="' . $height . '"';?>
								/>
							</a>
							<?php else : ?>
							<?php // Open in parent window ?>
							<a
						 href="/<?php echo $link; ?>"
							title="<?php echo htmlspecialchars($item->name, ENT_QUOTES, 'UTF-8'); ?>">
								<img
								class="card-img-top" 
							 src="/<?php echo $baseurl . $imageurl; ?>"
								alt="<?php echo $alt;?>"
								<?php if (!empty($width)) echo ' width="' . $width . '"';?>
								<?php if (!empty($height)) echo ' height="' . $height . '"';?>
								/>
							</a>
							<?php endif; ?>
							<?php else : ?>
							<?php // Just display the image if no link specified ?>
							<img
							class="card-img-top" 
						 src="/<?php echo $baseurl . $imageurl; ?>"
							alt="<?php echo $alt;?>"
							<?php if (!empty($width)) echo ' width="' . $width . '"';?>
							<?php if (!empty($height)) echo ' height="' . $height . '"';?>
							/>
							<?php endif; ?>
							<?php elseif (BannerHelper::isFlash($imageurl)) : ?>
							<object
							classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
							codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
							<?php if (!empty($width)) echo ' width="' . $width . '"';?>
							<?php if (!empty($height)) echo ' height="' . $height . '"';?>
							>
								<param name="movie" value="<?php echo $imageurl; ?>" />
								<embed
							 src="/<?php echo $imageurl; ?>"
								loop="false"
								pluginspage="http://www.macromedia.com/go/get/flashplayer"
								type="application/x-shockwave-flash"
								<?php if (!empty($width)) echo ' width="' . $width . '"';?>
								<?php if (!empty($height)) echo ' height="' . $height . '"';?>
								/>
							</object>
							<?php endif; ?>
							<?php endif; ?>
							<div class="card-body text-center">
								
														
								<h4 class="vert"><?php echo htmlspecialchars($item->name, ENT_QUOTES, 'UTF-8'); ?></h4>
								
								<!-- Description -->
								<?php echo ($item->description); ?>

								
								<!-- Bouton voir le projet -->
								<p class="pt-4 mod-articles-category-readmore">
									<a class="btn btn-primary mod-articles-category-title" href="/<?php echo $link; ?>" target="_blank" rel="noopener noreferrer" title="<?php echo htmlspecialchars($item->name, ENT_QUOTES, 'UTF-8'); ?>"> Template details </a>
								</p>
								<div class="clr"></div>
							</div>
						</div>
					<br /></div>
				<?php endforeach; ?>
			</div>
		</div>
		</div>
	</div>
</div>

A PROPOS DE L'AUTEUR :

Webmaster freelance passionné par Joomla depuis 2007, Daniel défend la veuve et l'orphelin du web en créant des sites respectueux du W3C. Fort d'une expérience de plusieurs années, il partage ses connaissances dans un état d'esprit open source.
Daniel est également très impliqué dans la communauté Joomla depuis 2014 en étant membre actif de plusieurs projets, conférencier et fondateur du JUG Breizh.