Forum:

HTML Pages with CSS and JavaScript

how to get image widt h and height?

Ranch Hand

Posts: 30

posted 16 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

hello everyone,

i am using javascript and php in my web application.
before i display images, i would like to get their width and height. i used the getimagesize() function of php, but there are time when the width and height returned are blanks. i dont know how and i dont know why but there are really times like this. because of this, i started to search for a workaround when this scenario happens.

i placed an onload function in my img tag. in that function i used this.width and this.height to get the size. but then, they returned zeroes. i dont know what to do now.

can anybody please help me? how do i get the image width and height?

thanks a lot.

if you can't be the sun, be a star...<br />もし　たいように　なれないたら　ほしに　なれ。

Alec Lee

Ranch Hand

Posts: 569

posted 16 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Try this.offsetWidth and this.offsetHeight.

Muhammad Saifuddin

Ranch Hand

Posts: 1325

I like...

posted 16 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

here is an Example :

its not related with your requirement but it gives you an idea..
[ August 21, 2007: Message edited by: Saif uddin ]

Saifuddin..
[Blog][Linkedin] How To Ask Questions On JavaRanch My OpenSource

f jimenez

Ranch Hand

Posts: 30

posted 16 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

hello guys,

i am really not interested in getting the width and height of the image per se. but im interested in getting their height and width on or after they load. i have to do this to display the image correctly. if the image width is bigger than that of the height, the image is to be displayed with a width of 100. else, its height will be 90. so this has to be done before the image is displayed. i have placed a function which gets the width and height in the onload of the image object, but unfortunately it returns a zero. i have no idea why but it really does this.

thanks a lot.

if you can't be the sun, be a star...<br />もし　たいように　なれないたら　ほしに　なれ。

Dan Drillich

Ranch Hand

Posts: 1183

posted 16 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Please have a look at http://truetalkdev.blogspot.com/2007/07/get-image-size-after-image-is-fully.html .

William Butler Yeats: All life is a preparation for something that probably will never happen. Unless you make it happen.

f jimenez

Ranch Hand

Posts: 30

posted 16 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Originally posted by Dan Drillich:
Please have a look at http://truetalkdev.blogspot.com/2007/07/get-image-size-after-image-is-fully.html .

i have already seen this but it doesn't work as well... i have tried it with my pc and its fine. but when i tried to use it in the real server, it wont work...

if you can't be the sun, be a star...<br />もし　たいように　なれないたら　ほしに　なれ。

Muhammad Saifuddin

Ranch Hand

Posts: 1325

I like...

posted 16 years ago