From c0a19f2ae59a148cbf6def5a22dcb983f51689f3 Mon Sep 17 00:00:00 2001
From: Daniel Pett <dpett@britishmuseum.org>
Date: Mon, 28 Dec 2015 17:25:40 +0000
Subject: [PATCH] Data toggle

---
 template.html | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/template.html b/template.html
index 503824b..1fefdb2 100644
--- a/template.html
+++ b/template.html
@@ -69,7 +69,7 @@ <h4>Can you assign this coin to an RIC number?</h4>
                     <ul id="details"></ul>
                 </div>
                 <div class="col-md-6">
-                    <a href="" id="pasImageLink"><img id="pasImage" width="300" src="" class="text-center" style="max-height:300; max-width:300;"/></a>
+                    <a href="" id="pasImageLink" data-toggle="lightbox"><img id="pasImage" width="300" src="" class="text-center" style="max-height:300; max-width:300;"/></a>
                 </div>
             </div>
         </div>
@@ -300,7 +300,6 @@ <h3>Roman Imperial Coinage concordance</h3>
             $("#total").text(data.total);
             $("#done").text(data.done);
             $('a[rel]').tooltip({'placement': 'left'});
-            $('#pasImageLink').ekkoLightbox(options);
         });
     }
     pybossa.taskLoaded(function(task, deferred) {
@@ -312,6 +311,12 @@ <h3>Roman Imperial Coinage concordance</h3>
             deferred.resolve(task);
         }
     });
+
+    $(document).delegate('*[data-toggle="lightbox"]', 'click', function(event) {
+    event.preventDefault();
+    $(this).ekkoLightbox();
+    });
+
       $(window).resize(function(){
         console.log('Window resized');
       });