javascript - fit - resize image html

JavaScript cambia el atributo img src sin jQuery

Question

el nuevo iPad! No quiero usar jQuery porque esta es la única función necesaria en la página.

Necesita ayuda para convertir la función .attr anidada.

¡Gracias!

window.onresize = window.onload = function () {
if (window.innerWidth > 1536) {
var logo = document.getElementById(''rm'');
logo.attr(''src'',''img/rm2.png'');
}
};

Answer 1

Como dices que quieres hacer esto en diferentes lugares del programa, crearía una función como esta:

function ChangeImage(image_id,path)
{
document.images[image_id].src = path
}

Answer 2

prueba esto ... espero que funcione

window.onresize = window.onload = function () {
if (window.innerWidth > 1536) {
var logo = document.getElementById(''rm'');
logo.setAttribute(''src'',''img/rm2.png'');
}
};

Answer 3

var logo = document.getElementById(''rm'');
logo.setAttribute(''src'', ''img/rm2.png'');

Answer 4

Entonces, si desea verificar si el tamaño ha cambiado y luego cambia el código de verificación a continuación.

window.onresize = window.onload = function () {
if (window.innerWidth < 768) {
var logo = document.getElementById(''changeLeft'');
logo.src = "MobileImage.png";
}else{
var logo = document.getElementById(''changeLeft'');
logo.src = "DesktopImage.png";
}
};

Ajuste window.innerWidth para decidir sobre sus puntos de ruptura. Espero que ayude.

Answer 5

Creo que es solo logo.src = "img/rm2.png" .

Answer 6

¿Quiere decir que quiere usar javascript puro?

Esto debería hacerlo:

var logo = document.getElementById(''rm'');
logo.src = "img/rm2.png";

Entonces su función debería verse así:

window.onresize = window.onload = function () {
if (window.innerWidth > 1536) {
var logo = document.getElementById(''rm'');
logo.src = "img/rm2.png";
}
};

Nota : También puede usar element.setAttribute . PERO, mira esta publicación para más:
¿Cuándo usar setAttribute vs .attribute = en JavaScript?