Saltar al contenido

cambiar imagen con ejemplo de código jquery

Nuestro grupo de especialistas luego de varios días de investigación y de recopilar de datos, obtuvimos la solución, queremos que te sea de gran utilidad para tu plan.

Ejemplo 1: jquery change image src

//change image src with jquery$("#myImageID").attr("src","images/my_other_image.png");//change image src plain javascriptdocument.getElementById('myImageID').src="images/my_other_image.png";

Ejemplo 2: jquery cambiar imagen onclick

<!-- https://codepen.io/poliweb/pen/eYJNqLM --><!-- https://stackoverflow.com/questions/26377231/jquery-how-to-change-img-src-path-onclick --><div class="img-container"><img id="changeMe" src=""></div><img class="preview" src="images/preview-1.jpg"><img class="preview" src="images/preview-2.jpg"><img class="preview" src="images/preview-2.jpg"><!--Script-->$('.preview').on('click',function()$('#changeMe').prop('src',this.src););

Ejemplo 3: jquery cambiar la fuente de la imagen

// https://codepen.io/kman/pen/dXjpoX// Stockphotos JS$(document).ready(function()var flag =0;$("button#changeSize").click(function()if(flag ==0)$("#dummyimage").attr("src","http://dummyimage.com/350x155/");
      flag =1;elseif(flag ==1)$("#dummyimage").attr("src","http://dummyimage.com/450x255/");
      flag =0;););

Ejemplo 4: jquery cambiar la fuente de la imagen

$(document).ready(function()$('img').click(function()$(this).attr('src','images/download.jpeg')))

Aquí puedes ver las comentarios y valoraciones de los usuarios

Si crees que te ha sido de utilidad este post, sería de mucha ayuda si lo compartes con más entusiastas de la programación de esta manera contrubuyes a extender este contenido.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *