Current File : /home/pacjaorg/public_html/km/components/com_djclassifieds/views/item/tmpl/default_images.php

<?php
/**
 * @package DJ-Classifieds
 * @copyright Copyright (C) DJ-Extensions.com, All rights reserved.
 * @license http://www.gnu.org/licenses GNU/GPL
 * @author url: http://dj-extensions.com
 * @author email contact@dj-extensions.com
 */

defined ('_JEXEC') or die('Restricted access');

JHtml::_('jquery.framework');

$app = JFactory::getApplication();
$par = $this->par;
$item = $this->item;

$main_img_width = $par->get('gallery_width','200')-4;
$thumbs_limit = $par->get('gallery_thumbs_in_row','3');
$thumb_width = round(($par->get('gallery_width','200')/$thumbs_limit)-14);
$djMediaTools = ($par->get('djmediatools_integration', 0) == '1' && $par->get('djmediatools_album_item', 0) > 0) ? $par->get('djmediatools_album_item', 0) : false;
$djMediaToolsMinimum = (int)$par->get('djmediatools_minimum', 1);

?>

<div class="images_wrap" style="width:<?php echo $par->get('gallery_width','200');?>px">
	<div class="images">
		<div class="djc_images">
			<?php if($djMediaTools > 0 && count($this->item_images) >= $djMediaToolsMinimum){ ?>
				<?php echo JHtml::_('content.prepare', '{djmedia '.(int)$djMediaTools.'}', $par, 'com_djclassifieds.item.djmediatools'); ?>
			<?php }else{ ?>
				<div class="djc_mainimage">
					<?php if($this->item_images){ ?>
						<a id="djc_mainimagelink" rel="djc_lb_0" title="<?php echo $item->name; ?>" href="<?php echo JURI::base(true).$this->item_images[0]->thumb_item_main; ?>">
							<img id="djc_mainimage" alt="<?php echo $item->name; ?>" src="<?php echo JURI::base(true).$this->item_images[0]->thumb_item_main;?>" itemprop="image" />
							<?php foreach($app->triggerEvent('onAfterDJClassifiedsDisplayImage', array($item, $par, 'item')) as $plug_out) echo $plug_out; ?>
						</a>
					<?php }else{ ?>
						<?php if($par->get('blank_img_source','0')==1){ ?>
							<img id="djc_mainimage" class="djc_mainimage_no_image" style="width:<?php echo $par->get('gallery_width','200');?>px" alt="<?php echo $item->name; ?>" src="<?php echo DJClassifiedsImage::getCatImage($item->cat_id);?>" />
						<?php }else{ ?>
							<img id="djc_mainimage" class="djc_mainimage_no_image no-image" style="width:<?php echo $par->get('gallery_width','200');?>px" alt="<?php echo $item->name; ?>" src="<?php echo JURI::base().DJClassifiedsTheme::getImgAssetPath('no-image.svg'); ?>" />
						<?php } ?>
						<?php foreach($app->triggerEvent('onAfterDJClassifiedsDisplayImage', array($item, $par, 'item')) as $plug_out) echo $plug_out; ?>												
					<?php } ?>
				</div>
				<?php if(count($this->item_images) > 1){ ?>
					<div class="djc_thumbnails djc_thumbs_gal<?php echo $thumbs_limit;?> " id="djc_thumbnails">
						<?php foreach($this->item_images as $im => $img){ ?>
							<div class="djc_thumbnail djc_thumb_row<?php echo ($im > 0 && $im%$thumbs_limit == 0) ? ' new_row' : ''; ?>">
								<a rel="<?php echo JURI::base(true).$img->thumb_item_main;?>" title="<?php echo $img->caption; ?>" href="<?php echo JURI::base(true).$img->thumb_item_main;?>">
									<img  alt="<?php echo $img->caption; ?>" src="<?php echo JURI::base(true).$img->thumb_item_thumb;?>" />
								</a>
							</div>
						<?php } ?>
						<div class="clear_both"></div>
					</div>
				<?php } ?>
				<?php for($ii=0; $ii<count($this->item_images); $ii++){ ?>
					<a id="djc_lb_<?php echo $ii; ?>" class="lightbox-djitem" rel="lightbox-djitem" title="<?php echo $this->item_images[$ii]->caption;?>" href="<?php echo JURI::base(true).$this->item_images[$ii]->thumb_item_popup;?>" style="display: none;"></a>
				<?php } ?>
			<?php } ?>
		</div>
	</div>
</div>

<?php if($this->item_images){ ?>

	<script>

		jQuery(function($){
			var $mainimagelink = $('#djc_mainimagelink');
			var $mainimage = $('#djc_mainimage');
			var $thumblinks =  $('#djc_thumbnails a');

			if(!$mainimage.length || !$mainimagelink.length){
				return false;
			}
			
			$thumblinks.each(function(index){
				$(this).on('click',function(event){
					event.preventDefault();
					$thumblink = $(this);
					$mainimage.fadeOut('fast', function(){
						$mainimagelink.attr('href', $thumblink.attr('href'));
						$mainimagelink.attr('title', $thumblink.attr('title'));
						$mainimagelink.attr('rel', 'djc_lb_'+index);
						$mainimage.attr('src', $thumblink.attr('rel'));
						$mainimage.attr('alt', $thumblink.attr('title'));
						$mainimage.fadeIn('fast');
					});
				});
			});

			$('#djc_mainimagelink').click(function(e) {
				e.preventDefault();
				var rel = $(this).attr('rel');
				$('#'+rel).click();
			});
			
			$('.lightbox-djitem').magnificPopup({
				// delegate: '.dj-slide-link', // the selector for gallery item
				type: 'image',
				mainClass: 'mfp-img-mobile',
				gallery: {
					enabled: true
				},
				image: {
					verticalFit: true,
					titleSrc: 'title'
				},
				iframe: {
					patterns: {
						youtube: null,
						vimeo: null,
						link: {
							index: '/',
							src: '%id%'
						}
					}
				}
			});
		});

	</script>

<?php } ?>