淡入淡出效果看起來太明亮俗氣，

嗨，大家好我修改了一些代碼，我發現它會在一次懸停時生成圖像褪色，但會導致幻燈片之間的白色激烈閃光，看起來非常俗氣。我用這張圖片設置了黑色背景，但它似乎沒有什麼區別。淡入淡出效果看起來太明亮俗氣，

什麼是實現幻燈片之間平滑過渡的方法？

此外，這是我工作過的最複雜的代碼，我如何才能在沒有被懸停事件觸發的情況下每3秒切換一次照片？

setTimeout(function(){ 
    $('.photo-holder').hover(
     function() { 
      $(this).stop().fadeOut("100", function() { 
       $(this).css("background",  "url('http://tbc/images/ropes.jpg')").fadeIn(100); 
      }); 
     }, 
     function() { 
      $(this).stop().fadeOut("1000", function() { 
       $(this).css("background", "url('http://tbc/images/weights.jpg')").fadeIn(1000); 
       700 
      }); 
     } 
    ); 
    700 
});

來源

2015-04-04 will Jnr

您的問題的第一部分太過於基於觀點。「什麼是最好的方式」 - 問題不屬於這裏。 – 2015-04-04 13:14:50

此代碼看起來不正確。它看起來像parens /大括號/分號/逗號混亂起來。 – 2015-04-04 13:21:44

會是這樣的沿着正確的線？

// You may want to preload these images 
var photos = ['ropes.jpg', 'weights.jpg']; 
var currentPhoto = 0; 

function changePhoto() { 
    $('.photo-holder').fadeOut(function() { 
     $(this).css('background-image', 
        "url('http://tbc/images/" + photos[currentPhoto] + "')"); 
     currentPhoto = (currentPhoto + 1) % photos.length; 
    }).fadeIn(); 
} 

setInterval(changePhoto, 3000);

來源

2015-04-04 13:47:57

這效果好多了，謝謝！ – 2015-04-04 14:05:33

淡入淡出效果看起來太明亮俗氣，

回答

相關問題