Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/12/2016, 05:09
melkart239
 
Fecha de Ingreso: noviembre-2014
Ubicación: Madrid
Mensajes: 81
Antigüedad: 10 años, 1 mes
Puntos: 1
La imagen cambia en el html pero no se ve en pantalla

Saludos y felices fiestas.
Estoy tratando de cambiar unas imágenes de la página con jquery. Tanto Firefox como Chrome hacenlo mismo.
Miro el inspector del navegador y si que ha cambiado la imagen. Pero el cambio no se ve, se mantiene la imagen antigua. Es como si necesitará refrescar la pantalla, cosa que me parece bastante rara.
He simplificado el código para no perderse.
html
Código:
<div id="rank">
	<h3>Ranking</h3>
	<p>Salud<img src="images/leds1.jpg" alt="led" /></p>
	<p>Dinero<img src="images/leds1.jpg" alt="led" /></p>
</div>
No pongo los estilos, pues creo que no cambian nada.
El script
Código:
$(document).ready(cambiaimagen);
function cambiaimagen(){
	var ambito = $('#rank p');
	$.each(ambito, function(inde, valo){
		$(this).attr('src', 'images/leds0.jpg');
	});
}
Espero no haberme dejado nada al reescribir el código aquí. Ya estoy un poco embotado con este problema.
Gracias mil.