添加大缩略图显示功能
This commit is contained in:
parent
301d780da7
commit
69ae1d31c2
|
@ -26,9 +26,7 @@ $this->theme->AppendPlus($this,'colorbox');
|
|||
<img src="/service/thumb/id/<?php echo $md['id'];?>" />
|
||||
</a>
|
||||
</div>
|
||||
<h2><a href="/data/<?php echo $md['uuid']; ?>"><?php echo $this->escape($md['title']);?></a>
|
||||
|
||||
</h2>
|
||||
<h2><a href="/data/<?php echo $md['uuid']; ?>"><?php echo $this->escape($md['title']);?></a></h2>
|
||||
<span><?php echo mb_strlen($md['description'])>400?$this->escape(mb_substr($md['description'],0,400,'UTF-8').'...'):$this->escape($md['description']);?></span>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
|
@ -62,5 +60,4 @@ $('a.gallery').bind('click',function(){
|
|||
photo:$(this).attr('rel'),
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
|
|
@ -9,6 +9,7 @@ $this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
|
|||
$this->breadcrumb('缩略图浏览');
|
||||
$this->breadcrumb()->setSeparator(' > ');
|
||||
$this->theme->AppendPlus($this,'masonry');
|
||||
$this->theme->AppendPlus($this,'colorbox');
|
||||
?>
|
||||
<div class="row-fluit">
|
||||
<?php echo $this->page->getNavigation(); ?>
|
||||
|
@ -16,7 +17,7 @@ $this->theme->AppendPlus($this,'masonry');
|
|||
<?php foreach($this->metadata as $md) : ?>
|
||||
<li class="items">
|
||||
<h4><a href="/data/<?php echo $md['uuid'];?>"><?= $this->escape($md['title']);?></a></h4>
|
||||
<a href="/data/<?php echo $md['uuid'];?>" class="thumbnail">
|
||||
<a href="javascript:void(0);" class="thumbnail gallery" rel="/service/bigthumb/uuid/<?= $md['uuid'] ?>">
|
||||
<img src="/service/thumb/id/<?php echo $md['id'];?>" alt="">
|
||||
</a>
|
||||
<div class="caption">
|
||||
|
@ -38,6 +39,11 @@ $(function(){
|
|||
itemSelector : '.items',
|
||||
//columnWidth : 240
|
||||
});
|
||||
$('a.gallery').bind('click',function(){
|
||||
$.colorbox({
|
||||
photo:$(this).attr('rel'),
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
|
@ -24,7 +24,7 @@ $this->theme->AppendPlus($this,'masonry');
|
|||
<?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="/heihe/view/uuid/<?php echo $md['uuid'];?>" class="thumbnail">
|
||||
<a href="javascript:void(0);" class="thumbnail gallery" rel="/service/bigthumb/uuid/<?= $md['uuid'] ?>">
|
||||
<img src="/service/thumb/id/<?php echo $md['id'];?>" alt="">
|
||||
</a>
|
||||
<div class="caption">
|
||||
|
@ -42,8 +42,15 @@ $this->theme->AppendPlus($this,'masonry');
|
|||
</div>
|
||||
</div>
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
$(document).ready(function(){$(".colorbox").colorbox({rel:"colorbox",photo:"true",transition:"fade"});});
|
||||
$(document).ready(function(){
|
||||
$(".colorbox").colorbox({rel:"colorbox",photo:"true",transition:"fade"});
|
||||
$('a.gallery').bind('click',function(){
|
||||
$.colorbox({
|
||||
photo:$(this).attr('rel'),
|
||||
});
|
||||
});
|
||||
});
|
||||
$('#container').masonry({
|
||||
itemSelector : '.items',
|
||||
});
|
||||
itemSelector : '.items',
|
||||
});
|
||||
</script>
|
Loading…
Reference in New Issue