54 lines
2.2 KiB
PHTML
54 lines
2.2 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->breadcrumb('<a href="/">首页</a>');
|
|
$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
|
|
$this->breadcrumb('<a href="/heihe/">'.$this->config->title->heihe.'</a>');
|
|
$this->breadcrumb('缩略图浏览');
|
|
$this->breadcrumb()->setSeparator(' > ');
|
|
$this->theme->AppendPlus($this,'colorbox');
|
|
$this->theme->AppendPlus($this,'masonry');
|
|
$this->nav[] = array('link'=>"/thumb",'title'=>'缩略图浏览');
|
|
?>
|
|
<?= $this->render('breadcrumbs.phtml') ?>
|
|
<div class="row">
|
|
<div class="span2">
|
|
<?= $this->partial('heihe/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="/heihe/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>
|