v1.2: visual controls, multiple galleries, public methods, code optim…

…isations
IonDen · Jun 8, 2013 · 14fef47 · 14fef47
1 parent 2eeb284
commit 14fef47
Show file tree

Hide file tree

Showing 5 changed files with 467 additions and 179 deletions.
diff --git a/css/ion.zoom.css b/css/ion.zoom.css
@@ -1,11 +1,14 @@
 /* Ion.Zoom
-// css version 1.0.1
-// by Denis Ineshin | ionden.com
+// css version 1.2.63
+// © 2013 Denis Ineshin | IonDen.com
+//
+// Project page:    http://ionden.com/a/plugins/ion.zoom/
+// GitHub page:     https://github.com/IonDen/ion.zoom
+//
+// Released under MIT licence:
+// http://ionden.com/a/licence.html
 // ===================================================================================================================*/
 
-/* =====================================================================================================================
-// Zoom */
-
 .ion-zoom-preloader {
     position: absolute;
     top: -9999px; left: -9999px;
@@ -21,13 +24,87 @@
     position: absolute; display: block;
     top: -9999px; left: -9999px;
     background: #222;
-    box-shadow: 0 0 10px rgba(0,0,0,0.8);
     cursor: pointer;
     outline: none !important;
     z-index: 999;
+    overflow: hidden;
 }
     .ion-zoom-image img {
         display: block !important;
         border: 0 !important;
         padding: 0 !important;
-    }
+        z-index: 1;
+    }
+
+    .ion-zoom-image.isOpen {
+        box-shadow: 0 0 10px rgba(0,0,0,0.8);
+    }
+    .ion-zoom-image.noControls div {
+        display: none !important;
+    }
+
+.ion-zoom-close,
+.ion-zoom-prev,
+.ion-zoom-next {
+    position: absolute;
+    background: rgba(0,0,0,0.7);
+    _background: #000;
+
+    -webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
+    -moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
+    -ms-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
+    -o-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
+    transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
+
+    -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
+    -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
+    -ms-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
+    -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
+    transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
+}
+
+    .ion-zoom-close {
+        top: -30px; right: -30px;
+        width: 30px; height: 30px;
+        border-radius: 0 0 0 5px;
+        z-index: 2;
+        font: 22px/30px Arial, Helvetica, sans-serif;
+        color: #fff; text-shadow: none;
+        text-align: center;
+    }
+    .ion-zoom-prev {
+        top: 50%; left: -30px; margin-top: -25px;
+        width: 30px; height: 50px;
+        overflow: hidden;
+        border-radius: 0 5px 5px 0;
+        z-index: 2;
+    }
+        .ion-zoom-prev div {
+            position: absolute;
+            top: 15px; left: -3px;
+            border: 10px solid transparent;
+            border-right-color: #fff;
+        }
+    .ion-zoom-next {
+        top: 50%; right: -30px; margin-top: -25px;
+        width: 30px; height: 50px;
+        overflow: hidden;
+        border-radius: 5px 0 0 5px;
+        z-index: 2;
+    }
+        .ion-zoom-next div {
+            position: absolute;
+            top: 15px; left: 13px;
+            border: 10px solid transparent;
+            border-left-color: #fff;
+        }
+
+.ion-zoom-image.isOpen .ion-zoom-close {
+    top: 0; right: 0;
+}
+.ion-zoom-image.isOpen .ion-zoom-prev {
+    left: 0;
+}
+.ion-zoom-image.isOpen .ion-zoom-next {
+    right: 0;
+}
diff --git a/ion-zoom.jquery.json b/ion-zoom.jquery.json
@@ -0,0 +1,31 @@
+{
+    "name": "ion-zoom",
+    "version": "1.2.63",
+    "title": "Ion Zoom",
+    "description": "Easy image lightbox jQuery plugin for small galleries. Allow to zoom images at place.",
+    "keywords": [
+        "images",
+        "gallery",
+        "pictures",
+        "zoom",
+        "lightbox",
+        "ui"
+    ],
+    "author": {
+        "name": "IonDen",
+        "url": "https://github.com/IonDen"
+    },
+    "licenses": [
+        {
+            "type": "MIT",
+            "url": "http://ionden.com/a/licence-en.html"
+        }
+    ],
+    "homepage": "https://github.com/IonDen/ion.zoom",
+    "docs": "https://github.com/IonDen/ion.zoom/blob/master/readme.md",
+    "demo": "http://ionden.com/a/plugins/ion.zoom/en.html",
+    "download": "http://ionden.com/a/plugins/ion.zoom/ion.zoom-1.2.zip",
+    "dependencies": {
+        "jquery": ">=1.9"
+    }
+}