Render a gallery or grid from a records DmGallery behaviour

_your_component.php

<?php // Vars: $object
  use_stylesheet('/dmCorePlugin/lib/colorbox/theme3/colorbox.css');
  use_javascript('/dmWidgetGalleryPlugin/js/cycle/jquery.cycle.lite-1.0.min.js') // for a Gallery
  use_javascript('/dmCorePlugin/lib/colorbox/jquery.colorbox.min.js'); // for a Grid
?>

<?php if ($object->getNbMedias()) { ?>
  <div class="gallery">
  <h3>Object pictures</h3>
  <ol class="pictures">
  <?php foreach($object->getDmGallery() as $media) { ?>
    <li><?php echo _link($media)->set('.colorBox rel=team')->text(
      _media($media)->size(48, 48)
    ) ?></li>
  <?php } ?>
  </ol>
  </div>
<?php } ?>

front.js

  // for a Gallery
  var $gallery = $('ol.gallery');
  // only if elements in gallery
  if($gallery.find('>li').length) {
    // launch jQuery cycle
    $gallery.cycle({
      timeout: 5000,
      height: $gallery.find('img:first').attr('height')
    });
  }

  // for a Grid
  var $grid = $('ol.gallery');
  // only if elements in gallery
  if(!$grid.find('>li').length) {
    $grid.find('>li a').colorbox();
  }

Render a gallery or grid from a records DmGallery behaviour.markdown

The dmWidgetGalleryPlugin and dmWidgetGalleryGridPlugin provide front widgets to display image collections as slideshows resp. grids.
Diem features a built-in DmGallery behaviour, enabling to add and organize DmMedia items to your records. This gist shows how to easily create a Gallery or Grid from your model's DmGallery. You'll need the resp. dmWidgetGalleryPlugin and / or dmGallerGridPlugin for this to work.

In the files in this gist I used as much HTML tags as possible for documentation purposes.
Ofcourse you're free to use the Diem template helpers instead.