ullCms Slimbox Gallery

HTML

 
  <div id="ull_cms_show_gallery">
    <?php $images = ullWidgetGalleryWrite::getImagesAsArray($doc->gallery) ?>
    <?php foreach ($images as $image): ?>
    
      <?php $thumbnail = ullCoreTools::calculateThumbnailPath($image) ?>
      <div class="gallery_image">
        <?php echo link_to(image_tag($thumbnail), $image) ?>
      </div>
            
    <?php endforeach ?> 
    
  </div>  

<?php use_javascript('/ullCorePlugin/js/jq/jquery.slimbox2.min.js') ?>
<?php use_stylesheet('/ullCorePlugin/css/jquery.slimbox2/slimbox2.css') ?>


<?php echo javascript_tag('

$(document).ready(function() {    

  jQuery("#ull_cms_show_gallery a").slimbox({
    overlayFadeDuration: 200,
    resizeDuration: 200
  });

});
   
    
') ?>

 ColumnsConfig

    $this['gallery']
      ->setLabel(__('Images', null, 'ullCmsMessages'))
      ->setMetaWidgetClassName('ullMetaWidgetGallery')
      ->setOption('image_width', 1600)
      ->setOption('image_height', 1200)
      ->setOption('generate_thumbnails', true)
      ->setOption('thumbnail_width', 300)
      ->setOption('thumbnail_height', 600)     
      ->setHelp(__('Images are automatically resized. Drag images around to sort.',
        null, 'ullCmsMessages'))
    ;