aightbox-rails 0.1.1 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 293c0eabcda691b9ecf107083e9fcf46df090087
-  data.tar.gz: 00d3087134534f0ca0f3e419d1a2595c2a7e174f
+  metadata.gz: 02b13015f94d98263eaa1827c93f4023db4bb4d8
+  data.tar.gz: bfc0fc7b73d8ec34675aa440576740eeb4777b7c
 SHA512:
-  metadata.gz: 9ca41d19ceaa7745a6c288c199b67f01563f2ab65a120d706b27e04b04d984b69217ffcdf45226fe9ef8349085a4ecde9a659f57d2aa4491b9dfde5e7ed3fb2e
-  data.tar.gz: 2e45fcf567971f11f527c9a376ff197db9dc8728c7e27a87bc44e9027663172f763effba41e82089d46d0830a2c0688a2ea446be34c909201c397925fc5fc9d2
+  metadata.gz: e1cbab2ae68e83c193c3b26d15da909426716649176d6c143a508e750c562aec4595d571cc3b96734807901625e09318903a0b0594af57452938c506dcdcdd39
+  data.tar.gz: 48460191a96109b192535db6d44068d0f64681c73c007d27e32126f120fc95c10f774f5e2e057b375f8eb58844113adfefe66e1d45516afbb3d29da2bcb71dad

data/README.md

@@ -8,7 +8,7 @@ This is a gemified version of https://github.com/axlwaii/jquery.aightbox
 
 Add this line to your application's Gemfile:
 
-    gem 'aightbox-rails', :git => 'git://github.com/axlwaii/aightbox-rails'
+    gem 'aightbox-rails'
 
 And then execute:
 

data/lib/aightbox/rails/version.rb

@@ -1,5 +1,5 @@
 module Aightbox
   module Rails
-    VERSION = "0.1.1"
+    VERSION = "0.1.2"
   end
 end

data/vendor/assets/javascripts/aightbox.js

@@ -16,6 +16,7 @@
             $wrapper,
             $container,
             $currentImage,
+            $spinner,
             bindEvents,
             bindControls,
             createImageContainer,
@@ -32,12 +33,14 @@
             closeButton: 'aight-close',
             carousel: false,
             carouselGroup: true,
+            closeCharacter: 'x',
             imageContainer: 'aight-container',
             imageDescription: 'aight-description',
             nextButton: 'aight-next',
             nextCharacter: '>',
             prevCharacter: '<',
             prevButton: 'aight-prev',
+            spinnerClass: 'aight-progress small',
             wrapper: 'aight-wrapper'
 
         }, options);
@@ -49,11 +52,18 @@
         template =  '<div id="' + config.backdrop + '"></div>'+
                     '<div id="' + config.wrapper + '">'+
                     '<div id="' + config.imageContainer + '">' +
-                    '<a id="' + config.nextButton + '" href="#">'+ config.nextCharacter +'</a>'+
-                    '<a id="' + config.prevButton + '" href="#">' + config.prevCharacter +'</a>'+
-                    '<a id="' + config.closeButton + '" href="#">x</a>'+
+                    '<div id="' + config.nextButton + '" >' +
+                    '<a href="#">'+ config.nextCharacter +'</a>'+
+                    '</div>' +
+                    '<div id="' + config.prevButton + '">' +
+                    '<a href="#">' + config.prevCharacter +'</a>'+
+                    '</div>' +
+                    '<div id="' + config.closeButton + '">' +
+                    '<a href="#">' + config.closeCharacter + '</a>'+
+                    '</div>' +
                     '<img src="" alt=""/>' +
                     '<p id="' + config.imageDescription + '"></p>'+
+                    '<div class="' + config.spinnerClass +'" style="display: none;"><div>Loading…</div></div>' +
                     '</div>' +
                     '</div>';
 
@@ -177,6 +187,7 @@
             $wrapper   = $('#' + config.wrapper);
             $container = $('#' + config.imageContainer);
             $imageDesc = $('#' + config.imageDescription);
+            $spinner   = $('#' + config.imageContainer + ' .' + config.spinnerClass.split(' ')[0] );
 
             if($imageLinks.length === 1) {
                 $('#' + config.prevButton).hide();
@@ -250,11 +261,11 @@
 
             $containerImage.hide();
             $wrapper.fadeIn('slow');
-            $container.append('<div class="aight-progress small"><div>Loading…</div></div>');
+            $spinner.show();
 
             $containerImage.one('load',function(){
 
-                $('.aight-progress.small').remove();
+                $spinner.hide();
                 $containerImage.show();
 
                 if(imgDescription !== ''){

data/vendor/assets/stylesheets/aightbox.css

@@ -36,33 +36,33 @@
   margin: 10px 0 0 0;
   padding: 0; }
 
-#aight-next, #aight-prev, #aight-close {
+#aight-next a, #aight-prev a, #aight-close a {
   position: absolute;
   font-family: 'Helvetica';
   font-weight: bold;
   color: #ddd;
   text-decoration: none; }
-  #aight-next:hover, #aight-prev:hover, #aight-close:hover {
+  #aight-next a:hover, #aight-prev a:hover, #aight-close a:hover {
     color: #fff; }
 
-#aight-next, #aight-prev {
+#aight-next a, #aight-prev a {
   font-size: 35px;
   margin-top: -25px; }
 
-#aight-close {
+#aight-close a {
   font-size: 25px; }
 
-#aight-next {
+#aight-next a {
   top: 50%;
   right: 0;
   margin-right: -35px; }
 
-#aight-prev {
+#aight-prev a {
   top: 50%;
   left: 0;
   margin-left: -35px; }
 
-#aight-close {
+#aight-close a {
   top: 0;
   right: 0;
   margin-right: -25px;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: aightbox-rails
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.2
 platform: ruby
 authors:
 - Markus Waitl
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-03-18 00:00:00.000000000 Z
+date: 2014-03-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -80,7 +80,7 @@ dependencies:
     - - ~>
       - !ruby/object:Gem::Version
         version: '4.0'
-description: Display single or group images.
+description: Display single or group images in a lightbox.
 email:
 - axlwaii@gmail.com
 executables: []
@@ -95,7 +95,7 @@ files:
 - lib/aightbox/rails/version.rb
 - vendor/assets/javascripts/aightbox.js
 - vendor/assets/stylesheets/aightbox.css
-homepage: ''
+homepage: https://github.com/axlwaii/aightbox-rails
 licenses:
 - BEERWARE
 metadata: {}