arona/website
1
0
Fork 0
Code Issues 1 Pull Requests Releases Activity

Click to zoom works...but I broke non-zoomed images!

Browse Source
This commit is contained in:
Arona Jones
2014-11-14 14:35:26 +00:00
parent 1746ca97e5
commit b201188fcf
1 changed files with 17 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
art/record.html
View File

@@ -15,6 +15,7 @@
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet"> <link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="/javascripts/lightbox.js"></script>
<!-- compiled and minified Bootstrap JavaScript --> <!-- compiled and minified Bootstrap JavaScript -->
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
@@ -34,7 +35,6 @@
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
<script src="/javascripts/lightbox.js"></script>
<link href="/css/lightbox.css" rel="stylesheet" /> <link href="/css/lightbox.css" rel="stylesheet" />
</head> </head>
@@ -289,21 +289,33 @@
<div class="row"> <div class="row">
<div class="col-xs-6 col-md-3"> <div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail"> <a href="#" class="thumbnail">
<img src="/images/art/ai/clock1grad.jpg" alt="..." style="cursor:pointer" data-lightbox="gradiented"> <a href="/images/art/ai/clock1grad.jpg" alt="..." data-lightbox="gradiented">
<img src="/images/art/ai/clock1grad.jpg" alt="...">
</a>
</a> </a>
</div> </div>
<div class="col-xs-6 col-md-3"> <div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail"> <a href="#" class="thumbnail">
<img src="/images/art/ai/clock2grad.jpg" alt="..." data-lightbox="gradiented"> <a href="/images/art/ai/clock2grad.jpg" alt="..." data-lightbox="gradiented">
<img src="/images/art/ai/clock2grad.jpg" alt="...">
</a>
</a> </a>
</div> </div>
<div class="col-xs-6 col-md-3"> <div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail"> <a href="#" class="thumbnail">
<img src="/images/art/ai/clock3grad.jpg" alt="..." data-lightbox="gradiented"> <a href="/images/art/ai/clock3grad.jpg" alt="..." data-lightbox="gradiented">
<img src="/images/art/ai/clock3grad.jpg" alt="...">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<a href="/images/art/ai/clock4grad.jpg" alt="..." data-lightbox="gradiented">
<img src="/images/art/ai/clock4grad.jpg" alt="...">
</a>
</a> </a>
</div> </div>
</div> </div>
<img src="/images/art/ai/clock3grad.jpg" alt="..." data-lightbox="gradiented">
</div> </div>
</div> </div>
</body> </body>