westdc-zf1/application/default/views/scripts/glacier/thumb.phtml

<?php
$this->headTitle($this->config->title->site);
$this->headTitle($this->config->title->data);
$this->headTitle('缩略图浏览');
$this->headTitle()->setSeparator(' - ');
$this->headLink()->appendStylesheet('/css/water.css');
$this->breadcrumb()->setSeparator(' > ');
$this->theme->AppendPlus($this,'colorbox');
$this->theme->AppendPlus($this,'masonry');
$this->nav[] = array('link'=>"/glacier/",'title'=>$this->config->title->glacier);
$this->nav[] = array('link'=>"/glacier/thumb",'title'=>'缩略图浏览');
?>
<?= $this->render('breadcrumbs.phtml') ?>
<div class="row">
    <div class="span2">
    	<?= $this->partial('glacier/navi.phtml'); ?>
    </div>
    <div class="span10">
		<?php echo $this->page->getNavigation(); ?>
        <hr />
        <div>
        <ul class="thumb water-thumb unstyled" id="container">
        <?php foreach($this->metadata as $md) : ?>
        <li class="items">
      		<h4><a href="/glacier/view/uuid/<?php echo $md['uuid'];?>"><?= $this->escape($md['title']);?></a></h4>
            <a href="/service/bigthumb/uuid/<?= $md['uuid'] ?>" class="thumbnail colorbox">
              <img src="/service/thumb/id/<?php echo $md['id'];?>" alt="">
            </a>
            <div class="caption">
                <p>
                    <?php echo mb_strlen($md['description'])>120?$this->escape(mb_substr($md['description'],0,120,'UTF-8').'...'):$this->escape($md['description']);?>
                </p>
            </div>
            <span class="pull-right"><a href="/data/<?php echo $md['uuid'];?>" class="btn"><i class="icon-zoom-in"></i>查看</a></span>
      	</li>
        <?php endforeach; ?>
        </ul>
        </div>
        <hr class="clearfix" />
        <?php echo $this->page->getNavigation(); ?>
    </div>
</div>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
	$(".colorbox").colorbox({rel:"colorbox",photo:"true",transition:"fade"});
	$(".colorbox").colorbox({photo:"true"});
});
$('#container').masonry({
	itemSelector : '.items',
});
</script>