gallery

itf/static/js/insidepage.js

@@ -29,6 +29,13 @@ $('#listLeft ul li a').live("click", function() {
 });
 
 
+$('.thumbsDetails').live("click", function(e) {
+//    alert($(this).attr("data-bigimage")); 
+    var bigImge = $(this).attr("data-bigimage");
+    var $img = $('<img />').attr("src", bigImage);
+    $('#lightboxContent').empty().append($img);    
+});
+
 $('.toggleNext').live("click", function(e) {
     e.preventDefault();
     var $next = $(this).next();

itf/templates/modules/bestpractices/bestpractice.html

@@ -22,7 +22,7 @@
   <div class="thumbsGallery">
     {% for img in images %}
         {% thumbnail img.image "100x100" crop="center" as im %}
-            <img class="itfInfoImg" src="{{ im.url }}" class="thumbsDetails" />
+            <img src="{{ im.url }}" class="thumbsDetails" data-bigimage="/static/{{ img.url }}"/>
         {% endthumbnail %}
     {% endfor %}
   </div>

itf/templates/noel/insidepage.html

@@ -15,6 +15,11 @@
 
 
 {% block content %}
+<div id="lightBox">
+    <div id="lightBoxContent">
+
+    </div>
+</div>
 <div id="centerInner">
 	<div id="woodPng">
 	</div>