Add big pic Support

README.md

@@ -44,3 +44,4 @@ zoom.js should (in theory) work in all relevant browsers (ie9+). If not, create
 ### Who
 
 Written by <a href="//twitter.com/fat">@fat</a>, made better by you.
+

css/zoom.css

@@ -1,41 +1,42 @@
-img[data-action="zoom"] {
-  cursor: pointer;
-  cursor: -webkit-zoom-in;
-  cursor: -moz-zoom-in;
-}
-.zoom-img,
-.zoom-img-wrap {
-  position: relative;
-  z-index: 666;
-  -webkit-transition: all 300ms;
-       -o-transition: all 300ms;
-          transition: all 300ms;
-}
-img.zoom-img {
-  cursor: pointer;
-  cursor: -webkit-zoom-out;
-  cursor: -moz-zoom-out;
-}
-.zoom-overlay {
-  z-index: 420;
-  background: #fff;
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  pointer-events: none;
-  filter: "alpha(opacity=0)";
-  opacity: 0;
-  -webkit-transition:      opacity 300ms;
-       -o-transition:      opacity 300ms;
-          transition:      opacity 300ms;
-}
-.zoom-overlay-open .zoom-overlay {
-  filter: "alpha(opacity=100)";
-  opacity: 1;
-}
-.zoom-overlay-open,
-.zoom-overlay-transitioning {
-  cursor: default;
-}
+img[data-action="zoom"] {
+    cursor: pointer;
+    cursor: -webkit-zoom-in;
+    cursor: -moz-zoom-in;
+}
+.zoom-img,
+.zoom-img-wrap {
+    position: relative;
+    z-index: 666;
+    -webkit-transition: all 300ms;
+    -o-transition: all 300ms;
+    transition: all 300ms;
+}
+img.zoom-img {
+    cursor: pointer;
+    cursor: -webkit-zoom-out;
+    cursor: -moz-zoom-out;
+    max-width:unset;
+}
+.zoom-overlay {
+    z-index: 420;
+    background: #fff;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    pointer-events: none;
+    filter: "alpha(opacity=0)";
+    opacity: 0;
+    -webkit-transition:      opacity 300ms;
+    -o-transition:      opacity 300ms;
+    transition:      opacity 300ms;
+}
+.zoom-overlay-open .zoom-overlay {
+    filter: "alpha(opacity=100)";
+    opacity: 1;
+}
+.zoom-overlay-open,
+.zoom-overlay-transitioning {
+    cursor: default;
+}