Browse Source

Fix old browser fade transition

Jay Salvat 10 years ago
parent
commit
4a32f86792
1 changed files with 5 additions and 3 deletions
  1. 5 3
      src/vegas.js

+ 5 - 3
src/vegas.js

@@ -149,9 +149,11 @@
             // Overlay
             // Overlay
             if (overlay) {
             if (overlay) {
                 $overlay = $('<div class="vegas-overlay">');
                 $overlay = $('<div class="vegas-overlay">');
+
                 if (typeof overlay === 'string') {
                 if (typeof overlay === 'string') {
                     $overlay.css('background-image', 'url(' + overlay + ')');
                     $overlay.css('background-image', 'url(' + overlay + ')');
                 }
                 }
+
                 this.$overlay = $overlay;
                 this.$overlay = $overlay;
                 this.$elmt.prepend($overlay);
                 this.$elmt.prepend($overlay);
             }
             }
@@ -336,7 +338,7 @@
 
 
             $slide = $('<div class="vegas-slide"></div>');
             $slide = $('<div class="vegas-slide"></div>');
             
             
-            if (transition) {
+            if (this.support.transtion && transition) {
                 $slide.addClass('vegas-transition-' + transition);
                 $slide.addClass('vegas-transition-' + transition);
             }
             }
 
 
@@ -374,7 +376,7 @@
                     .css('background-position', align + ' ' + valign)
                     .css('background-position', align + ' ' + valign)
                     .css('background-size',     cover);
                     .css('background-size',     cover);
 
 
-                if (animation) {
+                if (this.support.transition && animation) {
                     $inner
                     $inner
                         .addClass('vegas-animation-' + animation)
                         .addClass('vegas-animation-' + animation)
                         .css('animation-duration',  animationDuration + 'ms');
                         .css('animation-duration',  animationDuration + 'ms');
@@ -383,7 +385,7 @@
                 $slide.append($inner);
                 $slide.append($inner);
             }
             }
 
 
-            if (!self.support.transition) {
+            if (!this.support.transition) {
                 $slide.css('display', 'none');
                 $slide.css('display', 'none');
             }
             }