Вывод круговой панорамы в галерее - JoomGallery

photo-sphere-viewer.js
photo-sphere-viewer.min.js
three.min.js

<!-- load script 360 panorama -->
	  <?php if($this->image->catid == '6'): ?>
		<script src="/images/photo-sphere/three.min.js" async="async"></script>
		<script src="/images/photo-sphere/photo-sphere-viewer.min.js" async="async"></script>
	  <?php   endif;?>
<!------------------------>

<!-- load photo-sphere panorama -->
	  <?php if($this->image->catid == '6'): ?>
		<div class="bg-gray">
			<?php  echo '<a href="/components/com_joomgallery/views/detail/tmpl/photo-sphere.php" class="modal" rel="{size:{x:800,y:600}}">Панорама photo-sphere</a>'; ?>
		</div>
	  <?php   endif;?>
<!------------------------>

<?php echo $this->image->link; ?>

panorama: '/images/stories/panorama-examples/01-interior/<?php echo $this->image->link; ?>'

<!-- load link photo-sphere panorama -->
	<?php if($this->image->catid == '43'): ?>
		<a href="images/com_joomgallery/pano360/<?php echo $this->image->id;?>.html" class="modal" rel="{size:{x:800,y:600}}">
			<img src="<?php echo $this->image->img_src; ?>" class="jg_photo-detail" id="jg_photo_big" width="<?php echo $this->image->width; ?>" height="<?php echo $this->image->height; ?>" alt="<?php echo $this->image->imgtitle;?>" title="<?php echo $this->image->imgtitle;?>" />
		</a>
	<?php endif;?>

	<?php if($this->image->catid <> '43'): ?> 
		<a <?php echo $this->image->atagtitle; ?> href="<?php echo $this->image->link; ?>" rel="lightbox">
	<?php endif;?>



<?php endif; ?>
	<?php if($this->image->catid <> '43'): ?> 
      <img src="<?php echo $this->image->img_src; ?>" class="jg_photo-detail" id="jg_photo_big" width="<?php echo $this->image->width; ?>" height="<?php echo $this->image->height; ?>" alt="<?php echo $this->image->imgtitle;?>" title="<?php echo $this->image->imgtitle;?>" <?php echo $this->extra; ?> />
<?php if($this->params->get('image_linked')): ?>
    </a>
	<?php endif;?>
<!------------------------>