Probelma al realizar fadeOut

Dckings · #1 (**permalink**) 07/06/2015, 02:29

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 :)

horusorion · #2 (**permalink**) 10/07/2015, 04:04

tengo entendido que la funcion es fadeOut no fadeToggle, esta toggle solo pero no he leido de fadeToggle...

Código Javascript:

Ver original$(selector).fadeOut(tiempo);

y asi me funciona a mi... prueba a ver

Alexis88 · #3 (**permalink**) 10/07/2015, 09:56

Asegúrate de que en ninguna hoja de estilos (CSS) estés usando la propiedad transition pues es cuando la usas en combinación con los métodos de efectos de jQuery cuando ocurren problemas como este.

horusorion, tienes que leer más el manual.

Saludos