Changeset 26671 for extensions/stripped-galleria/galleria/themes/classic/galleria.classic.js

Timestamp:

Jan 12, 2014, 10:03:35 PM (10 years ago)

Author:

flop25

Message:

updated for 2.5 & 2.6

File:

• extensions/stripped-galleria/galleria/themes/classic/galleria.classic.js (modified) (6 diffs)

extensions/stripped-galleria/galleria/themes/classic/galleria.classic.js

@@ -1 +1 @@
 /**
- * @preserve Galleria Classic Theme 2011-08-01
- * http://galleria.aino.se
+ * Galleria Classic Theme 2012-08-08
+ * http://galleria.io
  *
- * Copyright (c) 2011, Aino
- * Licensed under the MIT license.
+ * Licensed under the MIT license
+ * https://raw.github.com/aino/galleria/master/LICENSE
+ *
  */
 
-/*global jQuery, Galleria */
+(function($) {
 
-Galleria.requires(1.25, 'This version of Classic theme requires Galleria 1.2.5 or later');
-
-(function($) {
+/*global window, jQuery, Galleria */
 
 Galleria.addTheme({
@@ -26 +25 @@
     init: function(options) {
 
+        Galleria.requires(1.33, 'This version of Classic theme requires Galleria 1.3.3 or later');
+
         // add some elements
         this.addElement('info-link','info-close');
@@ -34 +35 @@
         // cache some stuff
         var info = this.$('info-link,info-close,info-text'),
-            touch = Galleria.TOUCH,
-            click = touch ? 'touchstart' : 'click';
+            touch = Galleria.TOUCH;
 
         // show loader & counter with opacity
@@ -49 +49 @@
         // toggle info
         if ( options._toggleInfo === true ) {
-            info.bind( click, function() {
+            info.bind( 'click:fast', function() {
                 info.toggle();
             });
@@ -72 +72 @@
                 }
             } else {
-                $(e.thumbTarget).css('opacity', this.getIndex() ? 1 : 0.6);
+                $(e.thumbTarget).css('opacity', this.getIndex() ? 1 : 0.6).bind('click:fast', function() {
+                    $(this).css( 'opacity', 1 ).parent().siblings().children().css('opacity', 0.6);
+                });
             }
         });
+
+        var activate = function(e) {
+            $(e.thumbTarget).css('opacity',1).parent().siblings().children().css('opacity', 0.6);
+        };
 
         this.bind('loadstart', function(e) {
@@ -80 +86 @@
                 this.$('loader').show().fadeTo(200, 0.4);
             }
-
+            window.setTimeout(function() {
+                activate(e);
+            }, touch ? 300 : 0);
             this.$('info').toggle( this.hasInfo() );
-
-            $(e.thumbTarget).css('opacity',1).parent().siblings().children().css('opacity', 0.6);
         });