jquery幻燈片想要remoev改變圖像時顯示的白色屏幕

Question

我在我的網站上使用了以下幻燈片。但我不希望在改變時顯示空白的白色屏幕（淡化圖像）。誰可以幫我這個事？

http://www.serie3.info/s3slider/demonstration.html http://www.serie3.info/s3slider/提前

Answer 1

感謝給該<div>標籤通過CSS背景圖像。

e.G.對於Slider One（示例1）：

#slider { 
    background-image: url('/images/my-background-image.png'); 
} 

Answer 2

有人在鏈接網站上提出了這個問題，以及評論secion。

任何機構知道如何停止圖像停止完全消失？我想要停止框架動畫的外觀，因此需要在前一個圖像淡出之前淡入下一個圖像。有任何想法嗎？

然後另一個用戶迴應：

我通過添加s3slider.js一行如下所示做到了。

你應該嘗試一下，我無法測試它的難度（評論中的反饋主要是積極的，所以它似乎工作）。用戶'pedro costa'發佈代碼：

var makeSlider = function() { 
     current = (current != null) ? current : items[(items.length-1)]; 
     var currNo  = jQuery.inArray(current, items) + 1 
     currNo = (currNo == items.length) ? 0 : (currNo - 1); 
     var newMargin = $(element).width() * currNo; 
     if(faderStat == true) { 
      if(!mOver) { 
       $(items[currNo]).fadeIn((timeOut/6), function() { 
        if($(itemsSpan[currNo]).css('bottom') == 0) { 
         $(itemsSpan[currNo]).slideUp((timeOut/6), function() { 
          faderStat = false; 
          current = items[currNo]; 
          if(!mOver) { 
           fadeElement(false); 
          } 
         }); 
        } else { 
         $(itemsSpan[currNo]).slideDown((timeOut/6), function() { 
          faderStat = false; 
          current = items[currNo]; 
          if(!mOver) { 
           fadeElement(false); 
          } 
         }); 
        } 
       }); 
      } 
     } else { 
      if(!mOver) { 
       //added next line 
       $(items[(currNo)]).parent().parent().css('background-image', 'url('+$(items[(currNo)]).children("img").attr("src")+')'); 
       // added previous line 
       if($(itemsSpan[currNo]).css('bottom') == 0) { 
        $(itemsSpan[currNo]).slideDown((timeOut/6), function() { 
         $(items[currNo]).fadeOut((timeOut/6), function() { 
          faderStat = true; 
          current = items[(currNo+1)]; 
          if(!mOver) { 
           fadeElement(false); 
          } 
         }); 
        }); 
       } else { 
        $(itemsSpan[currNo]).slideUp((timeOut/6), function() { 
         $(items[currNo]).fadeOut((timeOut/6), function() { 
          faderStat = true; 
          current = items[(currNo+1)]; 
          if(!mOver) { 
           fadeElement(false); 
          } 
         }); 
        }); 
       } 
      } 
     } 
    }