Changeset 28503 for extensions/Slide/js/slide.js

Timestamp:

May 18, 2014, 11:01:51 PM (10 years ago)

Author:

Miklfe

Message:

 

File:

• extensions/Slide/js/slide.js (modified) (8 diffs)

extensions/Slide/js/slide.js

@@ -17 +17 @@
                 var $w_w                = $(window).width(),
                         $w_h            = $(window).height(),
-                        $tab            = 40,
+                //      $tab            = 40,
                         i                       = 0,
                         $layerShow      = $('#layer-0'),
@@ -321 +321 @@
                         };
                         if($('body').hasClass('GThumb')||$('body').hasClass('GThumbReady')) {
-                                _GThumb()
+                                _SlideGThumb()
                         };
                         if($('body').hasClass('MyPiwiShop')||$('body').hasClass('MyPiwiShopReady')) {
@@ -336 +336 @@
                 
                 function _load( $url ) {
+                                        
+                        if(i<3){
+                                var $tab        = 40 * i,
+                                        $res    = 40;                   
+                        }else if(i==3){ 
+                                var $tab        = (20 * (i-1))+ 40,
+                                        $res    = 0;                    
+                        } else { 
+                                var     $tab    = (20 * (i-1))+ 40,
+                                        $res    = 20;
+                        }       
+
                         var     $z                              = (100 / i).toFixed(),
-                                $tab                    = 40 * i,
                                 $pageslide_w    = $w_w - $tab,
                                 $href                   = $url + ' #the_page';
-                                
+                
+                                        
+                                        
                         $('body').append($('<div />').attr('class','pageslide').css({ left: 'auto', right: '-' + $w_w + 'px' }));
                         $('.pageslide').attr('id', function(i){
@@ -348 +361 @@
                         var $layerPrev          = $('#layer-' + (i - 1)),
                                 $layerShow              = $('#layer-' + i);
-
+        
                         $layerShow.css({'z-index'       : $z,
                                                         width           : $pageslide_w +'px'
@@ -355 +368 @@
                         $('body').data('layerPrev',$layerPrev);
                         $('body').data( 'i',i);
+                        
                         $layerShow.load( $href, function(){
+                                if(i==3){
+                                                $('.pageslide:lt(-2)').each(function(e){
+                                                var m           = parseInt($(this).css('marginLeft')),
+                                                        newM    = m-(20*(e+1));
+                                                $(this).css({marginLeft: newM});
+                                                $('.tab', this).addClass('tabMin');
+                                        //console.debug(e)
+                                                e++
+                                                });
+
+                                }else if(i>3){
+                                        $('.pageslide:nth-last-child(3)').each(function(){
+                                                var m           = parseInt($(this).css('marginLeft')),
+                                                        newM    = m-20;
+                                                $(this).css({marginLeft: newM});
+                                                $('.tab', this).addClass('tabMin');
+                                        });
+                                }
+                                
                                 $layerPrev      .css({right:'auto'})
-                                                        .animate({marginLeft: - $pageslide_w + ((i - 1) * 40)}, 1000);
+                                                        .animate({marginLeft: - (($pageslide_w-$tab)+$res)}, 1000);
                                 $layerShow      .show()
                                                         .animate({right: 0}, 1000)
@@ -370 +403 @@
                                 _init_page($url, $pageslide_w)
                         });
-                };
+
+                };
+
 
                 function _selectPageSlide(){
@@ -616 +651 @@
                         _tabs_dragbar();
                         $layerShow.animate({left: $w_w}, 1000,function(){
+                        $layerBack.nextAll('.pageslide').remove();
+                                var $layerPrev = $layerBack.prev
                                 if($('#slideshow').length){
                                         var $inter              = $('#slideshow').data('e').interval;
@@ -621 +658 @@
                                         clearTimeout($inter);
                                 };
-                                $layerBack.nextAll('.pageslide').remove();
-                                var $layerPrev = $layerBack.prev
-                        });
-                        $layerBack.css({right:'auto'}).animate({marginLeft:($newI * 40)}, 1000);
+                        });
+                        
+                        if($('.tab', $layerBack).hasClass('tabMin') & $newI > 3){
+                                $layerBack.css({right:'auto'}).animate({marginLeft:(($newI-1) * 20)+40}, 1000);
+                        }else{
+                                $layerBack.css({right:'auto'}).animate({marginLeft:($newI * 40)}, 1000);
+                        };
+                        
                         i                       = $newI;
                         var     $layerPrev      = $('#layer-' + (i - 1));
+                        
+                        if($('.tab', $layerPrev).hasClass('tabMin')){
+                                if($newI<3){
+                                        $('.pageslide:lt(-2)').each(function(e){
+                                                var m = parseInt($(this).css('marginLeft')),
+                                                        newM=m+(20*(e+1));
+                                                $(this).css({marginLeft: newM});
+                                                $('.tab', this).removeClass('tabMin');
+                                                e++
+                                        });
+                                }else{
+                                        var m           = parseInt($layerPrev.css('marginLeft')),
+                                                newM    = m+20;
+                                                        
+                                        $layerPrev.css({marginLeft: newM})
+                                        $('.tab', $layerPrev).removeClass('tabMin');
+                                }
+                        }
+                        
+                        var $newlayerShow       = $('body').data('layerShow');
+                        $('.tab', $newlayerShow).removeClass('tabMin');
+
                         $('body').data( 'i',i);         
                         $('body').data('layerPrev', $layerPrev)