Как настроить в шаблоне галерею с большой картинкой и превьюшками? - Joomla 2.5: Разработка шаблонов

		<param name="mode" type="list" default="lightbox" label="Mode" description="The gallery mode">
			<option value="lightbox">Lightbox</option>
			<option value="slideshow">Slideshow</option>
			<option value="custom">Custom</option>
		</param>

<?php
/**
* @package   Widgetkit
* @author    YOOtheme http://www.yootheme.com
* @copyright Copyright (C) YOOtheme GmbH
* @license   YOOtheme Proprietary Use License (http://www.yootheme.com/license)
*/

// no direct access
defined('_JEXEC') or die('Restricted access');

$css_classes  = ($params->get('corners', 'square') == 'round')? 'round ' : '';
$css_classes .= ($params->get('effect') == 'zoom')? 'zoom ' : '';
$css_classes .= ($params->get('margin'))? 'margin ' : '';

$id = $this->identifier.'-'.uniqid();
$max_width = (int) $params->get('slideshow_width');
$max_height = (int) $params->get('slideshow_height');

?>
<div class="zoo-gallery" id="<?php echo $id; ?>">
	<div class="zoo-gallery-wall clearfix <?php echo $css_classes; ?>">

    <?php $count = 0; ?>
		<?php foreach ($thumbs as $image) : ?>

			<?php
				/* Prepare Image */
        $content = '<img src="'.$image['thumb'].'" alt="'.$image['filename'].'" />';
			?>
      
      <?php
        if ($count == 0) {
      ?>
      <div id="bigimage" style="clear: both;">
        <a id="<?=$this->identifier?>" class="MagicZoomPlus" rel="zoom-width: 400;" href="<?php echo $image['img']; ?>" style="max-width:<?=$max_width?>px; max-height:<?=$max_height?>px;">
          <img style="max-width:<?=$max_width?>px; max-height:<?=$max_height?>px;" src="<?=$image['img']?>"/>
        </a>
      </div>
      <div id="thumbs" style="clear: both;">
      <?php
        }
      ?>
			<a rel="zoom-id:<?=$this->identifier?>" rev="<?=$image['img']?>" href="<?php echo $image['img']; ?>">
			<?php echo $content; ?>
			</a>

    <?php
		  $count++;
	  ?>

		<?php endforeach; ?>
		</div>

	</div>
</div>
<?php
	if ($params->get('effect') == 'opacity') {
		$this->app->document->addScriptDeclaration(sprintf("jQuery(function($) { $('%s').opacity(); });", '#'.$id .' .thumb'));
	}
 ?>