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