Resize image with JQ or JS [CLOSED]

Question

How can set the size of an image after append, or once appended on the container? Thank you amigos!

Answer 1

var img = $('<img src="" alt="" />')
img.height (100);
img.width (150);
$("#main").append (img)

tu problema es que el height y width se lo seteabas al padre de la imagen. si el elemento ya existe en el documento, tenes que seleccionarlo y desp si hacerle un width o height. Si el elemento es siempre el mismo te conviene seleccionarlo una única vez y guardarlo en una variable, por que las búsquedas en el dom son operaciones muy costosas.

Answer 2

@David, ok. Thank you. I'll try that approach.

Answer 3

OK. So would be something like
$("#main").append("<img src='img.jpg' alt='A'>").width(200).height(200); ?

Answer 4

Geez. This is my first serious question totally valid and on topic, and I get a downvote? I mean, don't upvote it, but what does the downvote means? It's a stupid question or you don't like me? So much for community.

Answer 5

no if ur doing that means ur changing the width and height of $("#main"). u need to do something like $("img")

Answer 6

$(selector).width() and .height() should work

Answer 7

Thanks, Juan. Got it. Any idea how to do it? I don't find it how, and want to implement it in my translator.

Answer 8

Holy molly Juan, that did. Gracias amigo!

Answer 9

primero seleccionaste al elemento con id main, desp le añadiste la imagen y el método retornó al elemento con id main, entonces le estas poniendo el width y height al contenedor de la imagen, no a la imagen en si.