lazybox 0.1.2 → 0.1.3

data/README.md

@@ -70,7 +70,7 @@ In your controller:
   $.lazybox.close()
   window.location.reload()
 ```
-![LazyBox](http://i.imgur.com/9dmY8.png)
+![LazyBox](http://i.imgur.com/FEYpJ.png)
 
 ###Confirmations
 
@@ -82,7 +82,7 @@ And in `application.js`:
   $.rails.allowAction = $.lazybox.confirm;
 ```
 
-![LazyBox](http://i.imgur.com/WmOqj.png)
+![LazyBox](http://i.imgur.com/1OQdU.png)
 
 for options use global lazybox settings:
 
@@ -90,7 +90,7 @@ for options use global lazybox settings:
   $.lazybox.settings = {cancelClass: "button gray", submitClass: 'button gray', overlay: false}
 ```
 
-![LazyBox](http://i.imgur.com/CTlV4.png)
+![LazyBox](http://i.imgur.com/2gW9R.png)
 
 ###Images
 
@@ -107,7 +107,16 @@ $(document).ready(function() {
 });
 ```
 
-![LazyBox](http://i.imgur.com/tywzm.png)
+![LazyBox](http://i.imgur.com/r6pfy.png)
+
+If there are more than one link to image you can click on image in the lazybox to show the next one
+
+```haml
+  = link_to image.url, :rel => :lazybox do
+    = image_tag image.url, :height => 100
+  = link_to image2.url, :rel => :lazybox do
+    = image_tag image2.url, :height => 100
+```
 
 Options
 -------
@@ -137,7 +146,7 @@ Events
 Browser Compatibility
 ---------------------
 
-ie7 +(for ie7 you have to set width of lazybox `#lazybox { width: 400px; }`)
+ie7 +
 Chrome
 Firefox
 Opera

data/lib/lazybox/version.rb

@@ -1,3 +1,3 @@
 module Lazybox
-  VERSION = "0.1.2"
+  VERSION = "0.1.3"
 end

data/vendor/assets/javascripts/lazybox.js

@@ -22,27 +22,27 @@
                var message = element.data('confirm')
                if (!message) { return true }
                $.lazybox.show('<p>'+message+'</p><div class="lazy_buttons"><div>', {klass: 'confirm'})
-               element.clone().attr({class: options.submitClass}).removeAttr('data-confirm').text(options.submitText).appendTo('.lazy_buttons')
+               element.clone().attr('class', options.submitClass).removeAttr('data-confirm').text(options.submitText).appendTo('.lazy_buttons')
                $('.lazy_buttons').append(' ')
-               $('<a>', {href: '', text: options.cancelText, class: options.cancelClass}).appendTo('.lazy_buttons')
+               $('<a>', {href: '', text: options.cancelText, 'class': options.cancelClass}).appendTo('.lazy_buttons')
              }
   });
   $.fn.lazybox = function(options){
     var imagesRegexp = new RegExp('\\.(png|jpg|jpeg|gif)(\\?.*)?$', 'i')
     this.live('click', function(e){
-      var href = $(this).attr('href')
+      var a = $(this), href = a.attr('href')
       e.preventDefault()
       if (href.match(imagesRegexp)){
         var img = new Image()
-        img.onload = function(){ $.lazybox.show('<img src="' + img.src + '" />', options) }
+        img.onload = function(element){
+          $.lazybox.show('<img title="Click to see next image" src="' + img.src + '" />', options)
+          $('#lazybox img').bind('click', function(){
+            (a.is(':last-child')) ? nextLink = a.siblings('a[rel*=lazybox]:first') : nextLink = a.next('a[rel*=lazybox]:first')
+            $('#lazybox').fadeOut(function(){ nextLink.click() })
+          })
+        }
         img.src = href
-      } else{
-        $.ajax({
-          url: href,
-          success: function(data){ $.lazybox.show(data, options) },
-          error: function(){ $.lazybox.close() }
-        })
-      }
+      } else $.ajax({url: href, success: function(data){ $.lazybox.show(data, options) }, error: function(){ $.lazybox.close() }})
     });
   }
 
@@ -57,13 +57,11 @@
     if (options.klass) { $('#lazybox').removeClass().addClass(options.klass) } else { $('#lazybox').removeClass() }
     if (options.close) {
       $('#lazybox:not(:has(#lazybox_close))').prepend($("<a id='lazybox_close' title='close'>×</a>"))
-      $('#lazybox_close').live('click', function(){ $.lazybox.close() })
       if ($.browser.msie) $('#lazybox_close').addClass('ie')
     } else $('#lazybox_close').remove()
-    if (!options.modal) { $('#lazybox_overlay').bind('click', function(){ $.lazybox.close() }) } else { $('#lazybox_overlay').unbind() }
     if (!options.modal && options.overlay) { $('#lazybox_overlay').bind('click', function(){ $.lazybox.close() }) } else { $('#lazybox_overlay').unbind() }
     $(document).keyup(function(e) { if (e.keyCode == 27 && options.esc) $.lazybox.close() })
-    $('#lazybox_body .lazy_buttons a').live('click', function(e){ $.lazybox.close(); e.preventDefault() })
+    $('#lazybox_close, #lazybox_body .lazy_buttons a').live('click', function(e){ $.lazybox.close(); e.preventDefault() })
   }
 
   $(document).bind('close.lazybox', function(){ $.lazybox.close() })

data/vendor/assets/stylesheets/lazybox.css

@@ -14,7 +14,6 @@
   border: 1px solid #ccc;
   border-radius: 5px;
   box-shadow: 0 1px 5px #333;
-  color: #7F7F7F;
   display: none;
   left: 49%;
   padding: 20px;
@@ -32,13 +31,14 @@ a#lazybox_close {
   box-shadow: 0 1px 5px #333;
   color: white;
   cursor: pointer;
-  float: right;
   font: bold 26px/100% Arial, Helvetica, sans-serif !important;
   height: 25px;
-  margin-top: -37px;
-  margin-right: -37px;
+  position: absolute;
+  right: -17px;
   text-align: center;
+  top: -17px;
   width: 25px;
+  -moz-border-radius: 20px;
   -moz-box-shadow: 0 1px 5px #333;
   -webkit-box-shadow: 0 1px 5px #333;
 }
@@ -49,8 +49,8 @@ a#lazybox_close.ie {
   background: transparent;
   border: none;
   color: gray;
-  margin-right: -20px;
-  margin-top: -20px;
+  right: 0;
+  top: 0;
 }
 
 a#lazybox_close.ie:hover { color: black; }

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: lazybox
 version: !ruby/object:Gem::Version 
-  hash: 31
+  hash: 29
   prerelease: 
   segments: 
   - 0
   - 1
-  - 2
-  version: 0.1.2
+  - 3
+  version: 0.1.3
 platform: ruby
 authors: 
 - Alex Galushka
@@ -15,7 +15,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2012-03-24 00:00:00 Z
+date: 2012-03-26 00:00:00 Z
 dependencies: 
 - !ruby/object:Gem::Dependency 
   name: rails