添加大缩略图显示功能

This commit is contained in:
Li Jianxuan 2013-04-16 07:05:48 +00:00
parent 301d780da7
commit 69ae1d31c2
3 changed files with 81 additions and 71 deletions

View File

@ -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>

View File

@ -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>

View File

@ -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>