lazybox 0.1.7 → 0.1.8

data/README.md

@@ -156,8 +156,9 @@ Options
     esc:        true|false //default true. Close lazybox on esc press
     close:      true|false //default true. Show close lazybox button
     niceClose:  true|false //default true. Show nice close button like in fancybox(IE always shows simple close button)
-    closeImg:   true|false //default false. Use image for close link
     modal:      true|false //default true. Close lazybox on overlay click
+    closeImg:   true|false //default false. Use image for close link
+    onTop:      true|false //default false.  Show lazybox on top instead of on center. It will use slide animation instead of fade.
     opacity:    0.6 //default 0.3. Set opacity for lazybox overlay
     klass:      'class' // Set class for lazybox. <div id='lazybox' class='class'>...</div>
     //confirmation options

data/lib/lazybox/version.rb

@@ -1,3 +1,3 @@
 module Lazybox
-  VERSION = "0.1.7"
+  VERSION = "0.1.8"
 end

data/vendor/assets/javascripts/lazybox.js

@@ -1,26 +1,28 @@
 (function($){
-  var defaults = {overlay: true, esc: true, close: true, niceClose: true, modal: true, opacity: 0.3, cancelText: 'Cancel', cancelClass: 'button', submitText: 'Ok', submitClass: 'button'}
-  $.lazybox = function(html){ $.lazybox.show(html) }
+  var defaults = {overlay: true, esc: true, close: true, niceClose: true, modal: true, opacity: 0.3, onTop: false, cancelText: 'Cancel', cancelClass: 'button', submitText: 'Ok', submitClass: 'button'}, effect, y
+  $.lazybox = function(html, options){ $.lazybox.show(html, options) }
   $.extend($.lazybox, {
     settings: $.extend({}, defaults),
     show: function(content, options){
-            init(options)
+            var onTop = init(options).onTop
             $('#lazybox_body').html(content)
-            $.lazybox.center()
-            $('#lazybox').fadeIn(300)
+            $.lazybox.center(onTop);
+            (onTop) ? effect = 'slideDown' : effect = 'fadeIn'
+            $('#lazybox')[effect](300)
           },
     close: function(){
-             $('#lazybox').fadeOut(300)
+             ($('#lazybox').position().top == 0) ? effect = 'slideUp' : effect = 'fadeOut'
+             $('#lazybox')[effect](300)
              $('#lazybox_overlay').fadeOut(500)
            },
-    center: function(){
-              var x = (($(window).height() - $('#lazybox').outerHeight()) / 2) + $(window).scrollTop()
-              $('#lazybox').css({ top: ((x < 0) ? 20 : x), left:(($(window).width() - $('#lazybox').outerWidth()) / 2) + $(window).scrollLeft() })
+    center: function(onTop){
+              (onTop) ? y = 0 : y = (($(window).height()-$('#lazybox').outerHeight())/2)+$(window).scrollTop()
+              $('#lazybox').css({ top: ((y < 20 && !onTop) ? 20 : y), left:(($(window).width()-$('#lazybox').outerWidth())/2)+$(window).scrollLeft()})
             },
     confirm: function(element){
                var options = $.extend(defaults, $.lazybox.settings)
                var message = element.data('confirm')
-               if (!message) { return true }
+               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')
                $('.lazy_buttons').append(' ')
@@ -32,7 +34,7 @@
       var a = $(this), href = a.attr('href'), imagesRegexp = new RegExp('\\.(png|jpg|jpeg|gif)(\\?.*)?$', 'i')
       e.preventDefault()
       if (href.match(imagesRegexp)){
-        var img = new Image()
+        var img = new Image(), nextLink
         img.onload = function(element){
           $.lazybox.show(img, options);
           (a.is(':last-child')) ? nextLink = a.siblings('a[rel*=lazybox]:first') : nextLink = a.next('a[rel*=lazybox]:first')
@@ -54,11 +56,12 @@
     if (options.close) {
       $('#lazybox:not(:has(#lazybox_close))').prepend($("<a id='lazybox_close' title='close'></a>"));
       (options.closeImg) ? $('#lazybox_close').attr('class', 'img').text('') : $('#lazybox_close').removeClass().text('×')
-      if (!$.browser.msie && options.niceClose && !options.closeImg) $('#lazybox_close').attr('class', 'nice')
+      if (!$.browser.msie && options.niceClose && !options.closeImg && !options.onTop) $('#lazybox_close').attr('class', 'nice')
     } else $('#lazybox_close').remove();
     (!options.modal && options.overlay) ? $('#lazybox_overlay').bind('click', function(){ $.lazybox.close() }) : $('#lazybox_overlay').unbind()
     $(document).keyup(function(e) { if (e.keyCode == 27 && options.esc) $.lazybox.close() })
     $('#lazybox_close, #lazybox_body .lazy_buttons a').live('click', function(e){ $.lazybox.close(); e.preventDefault() })
+    return options
   }
 
 })(jQuery);

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: lazybox
 version: !ruby/object:Gem::Version 
-  hash: 21
+  hash: 11
   prerelease: 
   segments: 
   - 0
   - 1
-  - 7
-  version: 0.1.7
+  - 8
+  version: 0.1.8
 platform: ruby
 authors: 
 - Alex Galushka
@@ -15,7 +15,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2012-04-01 00:00:00 Z
+date: 2012-04-04 00:00:00 Z
 dependencies: 
 - !ruby/object:Gem::Dependency 
   name: rails
@@ -94,9 +94,10 @@ required_rubygems_version: !ruby/object:Gem::Requirement
 requirements: []
 
 rubyforge_project: 
-rubygems_version: 1.8.10
+rubygems_version: 1.8.21
 signing_key: 
 specification_version: 3
 summary: Use LazyBox for popup windows with Rails
 test_files: []
 
+has_rdoc: