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

48 lines
1.9 KiB
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->nav[] = array('link'=>"/hiwater",'title'=>'黑河生态水文遥感试验');
$this->theme->AppendPlus($this,'colorbox');
$this->theme->AppendPlus($this,'masonry');
?>
<?= $this->render('breadcrumbs.phtml'); ?>
<div class="row">
<div class="span3">
<?= $this->partial('hiwater/navi.phtml'); ?>
</div>
<div class="span9">
<?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="/hiwater/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>