westdc-zf1/application/default/views/scripts/yrnmr/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->theme->AppendPlus($this,'colorbox');
$this->theme->AppendPlus($this,'masonry');
$this->nav[] = array('link'=>"/yrnmr",'title'=>'黄河上游宁蒙河段');
?>
<?= $this->render('breadcrumbs.phtml'); ?>
<div class="row">
    <div class="span2">
    <?= $this->partial('yrnmr/navi.phtml'); ?>
    </div>
    <div class="span10">
		<?php echo $this->page->getNavigation(); ?>
        <div>
        <ul class="thumb water-thumb unstyled" id="container">
        <?php foreach($this->metadata as $md) : ?>
        <li class="items">
      		<h4><a href="/yrnmr/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="/hiwater/view/uuid/<?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>