atlanticbiomedical/website
1
0
Fork 0
mirror of https://github.com/atlanticbiomedical/website.git synced 2025-07-01 18:07:27 -04:00
Code Issues Packages Projects Releases Wiki Activity

Use Clearing instead of Colorbox

Browse Source
This commit is contained in:
Chris Sewell
2014-10-07 08:19:52 -04:00
parent 89190a5b79
commit a30b92fdc0
1 changed files with 4 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
biomed-frontend/src/app/details.html
View File

@ -1,17 +1,3 @@
<script>
$(document).ready(function(){
//Examples of how to assign the Colorbox event to elements
$(".group1").colorbox({rel:'group1'});
$(".callbacks").colorbox({
onOpen:function(){ alert('onOpen: colorbox is about to open'); },
onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
});
});
</script>
<div class="row">
<div class="small-8 small-centered columns">
<div class="title"><h1>{{post.title}}</h1></div>
@ -29,9 +15,9 @@
</div>
</div>
<div class="row">
<div class="small-6 small-centered columns">
<div masonry>
<a class="group1" href="/images/{{image}}"><img class="large-4 large-centered columns masonry-brick" ng-repeat="image in gallery track by $index" ng-src="/images/{{image}}"></a>
</div>
<div class="medium-4 medium-centered columns">
<ul class="clearing-thumbs small-block-grid-4" data-clearing>
<li><a href="/images/{{image}}"><img ng-repeat="image in gallery track by $index" ng-src="/images/{{image}}"></a></li>
</ul>
</div>
</div>