fadeOut DIV元素如果var TRUE

我有一個名爲#slider的寬度爲400％的div，其overflow-x設置爲隱藏。 #slider DIV填充了25％的4個div（這樣每個div伸展了DOM的100％）。一旦頁面加載，我立即將div向左移動-100％，以便div可以從頁面加載向左和向右移動。fadeOut DIV元素如果var TRUE

我的動畫DIV #slider，移動它左，右各子DIV移動到視圖中的DOM，使用簡單：分別

$(".goright").click(function(){ 
$("#slider").animate({left:'-=100%'}, 400); 
});

和

$(".goleft").click(function(){ 
$("#slider").animate({left:'+=100%'}, 400); 
});

。

哪個工程出色。

但是，我試圖淡出讓滑塊移動的按鈕，一旦#slider的位置達到< = -300％或> = 0％。如果隱藏，則將其他對象褪色。

下面的代碼似乎工作一旦頁面初始加載：

// Make the right slide work 
$(".goright").click(function(){ 
    if ($('.goleft').is (':hidden')) { 
     $('.goleft').fadeIn(); 
    }; 
    $("#slider").animate({left:'-=100%'}, 400, function() { 
     var leftPos = $('#slider').css('left'); 
     if (leftPos >= '-300%') { 
       $('.goright').fadeOut(200);} 
     }); 

    }); 

// Make the left slide work 
$(".goleft").click(function(){ 
    if ($('.goright').is (':hidden')) { 
     $('.goright').fadeIn(); 
    }; 
    $("#slider").animate({left:'+=100%'}, 400, function() { 
     var leftPos = $('#slider').css('left'); 

     if (leftPos >= '0%') { 
       $('.goleft').fadeOut(200);} 
     }); 

    });

但似乎如果頁面大小已經呈現後，右側的控制按鈕無法在正確的淡出左值，過早淡出。

任何想法出了什麼問題？任何幫助感謝！

您可以在這裏看到的網站：http://www.newactorscompany.com/new/indexx.html

來源

2013-03-23 user2173736

事實上，當我檢查按鈕後，按鈕淡出。我的意思是，如果我連續點擊右/左控制按鈕，我就會到達一個空白頁面，然後按鈕不起作用。 – Sharun 2013-03-23 10:37:33

我會用不同的方式去展示基於幀/隱藏箭頭。如果您顯示第一幀，然後隱藏左箭頭。如果你顯示最後一幀，然後隱藏右箭頭。通過簡單的幀計數器。而不是按位置排列，因爲在調整窗口大小時，它看起來位置會發生變化，即使使用百分比。

來源

2013-03-23 10:40:09

fadeOut DIV元素如果var TRUE

回答

相關問題