Javascript jQuery动画缩放不适用于firefox和safari
我正在使用我制作的自定义滑块,但是我注意到动画效果在safari和firefox中都不起作用Javascript jQuery动画缩放不适用于firefox和safari,javascript,jquery,Javascript,Jquery,我正在使用我制作的自定义滑块,但是我注意到动画效果在safari和firefox中都不起作用 //Slider Function - item_class -> Your slide item class | slides -> total number of slides | speed -> slider speed in ms (miliseconds) //Slider Function - item_class -> A class do item do sl
//Slider Function - item_class -> Your slide item class | slides -> total number of slides | speed -> slider speed in ms (miliseconds)
//Slider Function - item_class -> A class do item do slider | slides -> número total de slides | speed -> velocidade da passagem de slides em ms (milisegundos)
function Slider(item_class,slides,speed){
let count = 1;
// Mostrar o primeiro slide | Show first slide
var iclass = item_class+"[data-slide=1]";
$(iclass).show();
// Efeito Zoom-in | Zoom-in Effect
$( iclass+" img" ).animate( { zoom: "1.3" },6000 );
function initSlider(max){
var main_class = $(item_class);
// Esconder slide antigo
main_class.each(function(){
if($(this).attr('data-slide') == count){
$(this).hide();
}
});
// Incrementar Contagem de Slider | Increment Slide Count
count++;
// Verificar se passou o máximo de slides | Check if max slider is reached
if(count > max){
count = 1;
}else{
//count++;
}
// Mostrar slide novo | Show new slide
main_class.each(function(){
if($(this).attr('data-slide') == count){
$(this).slideDown("medium");
// Efeito Zoom-in | Zoom-in Effect
$( this ).find("img").animate( { zoom: "1" },0 );
$( this ).find("img").animate( { zoom: "1.3" },6000 );
}
});
//console.log("Slide "+count);
}
// Loop | Slider Loop
if(slides != 1){ window.setInterval(function () { initSlider(slides); }, speed); }
}
它在Chrome中正常工作,但在其他两种浏览器中似乎没有缩放效果请使用一些屏幕截图以获得更清晰的效果。在中似乎不受支持