changeset 26:a4dec75deee8

mousing over h1 removes full-size image, clicking on full-size image opens thumbnail's link
author Atul Varma <varmaa@toolness.com>
date Sat, 28 Nov 2009 13:27:57 -0500
parents ae69b2280e05
children 7b2058439e99
files mbp.css mbp.js
diffstat 2 files changed, 6 insertions(+), 2 deletions(-) [+]
line wrap: on
line diff
--- a/mbp.css	Sat Nov 28 13:19:43 2009 -0500
+++ b/mbp.css	Sat Nov 28 13:27:57 2009 -0500
@@ -41,7 +41,7 @@
     color: gray;
 }
 
-.mbp-entry img {
+img {
     border: none;
 }
 
--- a/mbp.js	Sat Nov 28 13:19:43 2009 -0500
+++ b/mbp.js	Sat Nov 28 13:27:57 2009 -0500
@@ -2,6 +2,10 @@
   function() {
     var rectRegexp = /rect\((\d+)px,? (\d+)px,? (\d+)px,? (\d+)px\)/;
     var loadsLeft = 0;
+    $("h1").mouseover(
+      function() {
+        $("#images").empty();
+      });
     $(".mbp-entry img.large").each(
       function() {
         if (!$(this).hasClass("small"))
@@ -31,7 +35,7 @@
             crop.width = crop.right - crop.left;
             crop.height = crop.bottom - crop.top;
             var canvas = document.createElement("canvas");
-            var self = $(this).clone();
+            var self = $(this.parentNode).clone();
             $(canvas).mouseenter(
               function() {
                 $("#images").empty();