旋轉滑塊中的不透明度會更改Chrome OSX中的不透明度，但不會在Windows中運行

Question

在OS X版Chrome中，圖像不透明度會上下變動。這在Windows版本中不會發生。我能做些什麼來解決它？我根本不想要這種不透明。

function theRotator() { 
//Set the opacity of all images to 0 
$('div.rotator ul li').css({opacity: 0.0}); 

//Get the first image and display it (gets set to full opacity) 
$('div.rotator ul li:first').css({opacity: 1.0}); 

//Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds 

setInterval('rotate()',6000); 

} 

function rotate() { 
//Get the first image 
var current = ($('div.rotator ul li.show')? $('div.rotator ul li.show') : $('div.rotator ul li:first')); 

if (current.length == 0) current = $('div.rotator ul li:first'); 

//Get next image, when it reaches the end, rotate it back to the first image 
var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div.rotator ul li:first') :current.next()) : $('div.rotator ul li:first')); 

//Un-comment the 3 lines below to get the images in random order 

//var sibs = current.siblings(); 
    //var rndNum = Math.floor(Math.random() * sibs.length); 
    //var next = $(sibs[ rndNum ]); 


//Set the fade in effect for the next image, the show class has higher z-index 
next.css({opacity: 0.0}) 
.addClass('show') 
.animate({opacity: 1.0}, 0); 

//Hide the current image 
current.animate({opacity: 0.0}, 0) 
.removeClass('show'); 

}; 



$(document).ready(function() {  
//Load the slideshow 
theRotator(); 
$('div.rotator').fadeIn(1000); 
$('div.rotator ul li').fadeIn(1000); // tweek for IE 
}); 

Answer 1

我不知道爲什麼會Chrome瀏覽器的Mac和Windows版本之間的差異，但這些線是什麼負責的不透明度褪色：

//Set the fade in effect for the next image, the show class has higher z-index 
next.css({opacity: 0.0}) 
.addClass('show') 
animate({opacity: 1.0}, 0); 

//Hide the current image 
current.animate({opacity: 0.0}, 0) 
.removeClass('show'); 

如果你想跳過衰落並且從一幅圖像直接切到下一幅，我敢肯定你可以用這個整個部分代替：

current.removeClass('show'); 
next.addClass('show');