Javascript – Alternar entre dos imágenes

Tengo el siguiente código Javascript que debe cambiar rápidamente entre dos imágenes:

 Home Page   function changeImage() { requestAnimationFrame(changeImage); var url = document.getElementById('Change_Image').src; if (url == 'https://stackoverflow.com/questions/15948938/javascript-switching-between-two-images/Resources/Share1.bmp') { document.getElementById('Change_Image').src = 'Resources/Share2.bmp'; } else { if (url == 'Resources/Share2.bmp') { document.getElementById('Change_Image').src = 'https://stackoverflow.com/questions/15948938/javascript-switching-between-two-images/Resources/Share1.bmp'; } } }    

Welcome to my Website

Below you can find an example of visual cryptography



Letter A

Lamentablemente, el código no funciona y la imagen no cambia a otra. ¿Qué estoy haciendo mal? Soy bastante nuevo en JavaScript, así que tengan paciencia, por favor.

Está utilizando el operador de asignación en lugar del operador de comparación . También use else if o simplemente else en la segunda condición.

Cambiar a

 if (url == 'https://stackoverflow.com/questions/15948938/javascript-switching-between-two-images/Resources/Share1.bmp') 

y

 else if (url == 'https://stackoverflow.com/questions/15948938/javascript-switching-between-two-images/Resources/Share2.bmp') 

y debería funcionar

Vea esta DEMO para ayudarlo con. Cambia la imagen con un intervalo de 2 segundos

Tu lógica parece ser defectuosa. Mira este pedazo de código

 var url = document.getElementById('Change_Image').src; if (url = 'https://stackoverflow.com/questions/15948938/javascript-switching-between-two-images/Resources/Share1.bmp') { document.getElementById('Change_Image').src = 'https://stackoverflow.com/questions/15948938/javascript-switching-between-two-images/Resources/Share2.bmp'; } 

Y tu marcado es

 
Letter A

El valor de la URL siempre será Recursos / Share1.bmp. También como los otros carteles mencionados igualdad es == y no =

Veo que jquery está incluido, tal vez aplicación mvc?

Puede usar jquery toggle: http://api.jquery.com/toggle/

tu html:

 
Letter A

tu javascript:

 $(".someContainer").find(".Change_Image").toggle(); 

Quieres algunos efectos

 $(".someContainer").find(".Change_Image").toggle("slow");