Bueno resulta que estaba creando un slider simple con las funciones que trae JQuery hasta alli todo bien, el problema biene cuando empeze a agregar las imagenes y probarlo en el navegador , pues a algunas imagenes no le da el efecto de desvanacimiento como debe y solo las desaparecen de golpe (ya he probando cambiar las velocidades pero no arregla mucho el problema pues sigues desvaneciendoce de golpe
).
Mi pregunta es : Abra alguna forma de solucionar esto? de que todas la imagenes se desvanescan a la misma velocidad y no de golpe, y si no por que razon pasa esto? de que unas imagenes si se ven con una buena velocidad de desvanecimiento y otras no.
Mi unica teoria por que suceda esto es por la resolucion de cada imagen , aun asi no estoy seguro de ello ademas de que no se como arreglarlo sin perder mi resolucion si ese fuese el caso.
Código:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Beta Test</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
$(function (argument) {
$(".desvanecer").on("click",function (argument) {
$("img:first").fadeToggle("slow","linear");
$("img:first").next().fadeToggle("slow","linear");
});
});
</script>
<style>
img{
height: 400px;
width: 700px;
}
</style>
</head>
<body>
<img src="https://webtotype.files.wordpress.com/2012/09/arrendajo-azul2.jpg" alt="">
<img src="http://st.gdefon.com/wallpapers_original/500204_kosmos_3d_art_5000x3000_www.Gde-Fon.com.jpg" alt="">
<button class="desvanecer">desvanecer</button>
</body>
</html>
PD: aun que no son las mismas imagenes que uso para mi slider mas o menos asi es lo que me pasa.
De antemano gracias por su tiempo y ayuda con mi problema :)