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

This commit is contained in:
Arona Jones
2014-11-14 14:35:26 +00:00
parent 1746ca97e5
commit b201188fcf

View File

@@ -15,6 +15,7 @@
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">
<!-- 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="/javascripts/lightbox.js"></script>
<!-- compiled and minified Bootstrap JavaScript -->
<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/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="/javascripts/lightbox.js"></script>
<link href="/css/lightbox.css" rel="stylesheet" />
</head>
@@ -289,21 +289,33 @@
<div class="row">
<div class="col-xs-6 col-md-3">
<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>
</div>
<div class="col-xs-6 col-md-3">
<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>
</div>
<div class="col-xs-6 col-md-3">
<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>
</div>
</div>
<img src="/images/art/ai/clock3grad.jpg" alt="..." data-lightbox="gradiented">
</div>
</div>
</body>