By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
424,656 Members | 1,327 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,656 IT Pros & Developers. It's quick & easy.

Rotating images and different image dimensions

P: n/a
I am rotating images at one location of my web site. My problem is if
I set the width and height of the new image before I show the new
image, the old image is stretched first to the new image dimensions,
and if I show the new image before setting its dimensions, the new
image is stretched first to the old image dimension before it is
adjusted to its own dimension.
I would like to load a new image with its own dimension at the same
time. How can I do this?
thank you
John
Jul 23 '05 #1
Share this Question
Share on Google+
5 Replies


P: n/a
Ivo

"John" wrote
I am rotating images at one location of my web site. My problem is if
I set the width and height of the new image before I show the new
image, the old image is stretched first to the new image dimensions,

<snip>
Can we see your current code (only the relevant bits, but all of them, and
not exceeding 72(?) characters per line, with some indentation and perhaps a
few well-chosen whitelines)? If not, any suggestion we make is as much to
the point as anything you can read at dynamicdrive.com.

The magic word is preload.
HTH
Ivo
Jul 23 '05 #2

P: n/a
Lee
John said:

I am rotating images at one location of my web site. My problem is if
I set the width and height of the new image before I show the new
image, the old image is stretched first to the new image dimensions,
and if I show the new image before setting its dimensions, the new
image is stretched first to the old image dimension before it is
adjusted to its own dimension.
I would like to load a new image with its own dimension at the same
time. How can I do this?


Off the top of my head:

1. change the image to something amorphous, change the dimensions,
then change to your new image. The intermediate image could be
a solid color (white?) or it could be some sort of swirl to give
the impression of an image being rotated.

2. change the visibility of the image to hidden, update it, then
set it back to visible.

3. rewrite the entire <img> tag with the new image and dimensions.

Do all popular browsers allow you to change the dimensions of images
on the fly these days? Some older ones wouldn't allow that.


Do most current browsers allow you to change the dimensions of an
image after it's been rendered? Some older browsers won't.

Jul 23 '05 #3

P: n/a
Lee <RE**************@cox.net> wrote in message news:<c9*********@drn.newsguy.com>...
John said:

I am rotating images at one location of my web site. My problem is if
I set the width and height of the new image before I show the new
image, the old image is stretched first to the new image dimensions,
and if I show the new image before setting its dimensions, the new
image is stretched first to the old image dimension before it is
adjusted to its own dimension.
I would like to load a new image with its own dimension at the same
time. How can I do this?


Off the top of my head:

1. change the image to something amorphous, change the dimensions,
then change to your new image. The intermediate image could be
a solid color (white?) or it could be some sort of swirl to give
the impression of an image being rotated.

2. change the visibility of the image to hidden, update it, then
set it back to visible.

3. rewrite the entire <img> tag with the new image and dimensions.

Do all popular browsers allow you to change the dimensions of images
on the fly these days? Some older ones wouldn't allow that.


Do most current browsers allow you to change the dimensions of an
image after it's been rendered? Some older browsers won't.

I have tried changing the visibility to hidden and then back to
visible but its not working. I don't know how to make a swirl, but I
would prefer not to have effects. I am firing the event onmouseover to
show the images so I don't think its possible to write the <img> tag,
but I would welcome your suggestion of how I can do it.

thank you
Jul 23 '05 #4

P: n/a
jo******@fastermail.com (John) wrote in message news:<1a*************************@posting.google.c om>...
Lee <RE**************@cox.net> wrote in message news:<c9*********@drn.newsguy.com>...
John said:

I am rotating images at one location of my web site. My problem is if
I set the width and height of the new image before I show the new
image, the old image is stretched first to the new image dimensions,
and if I show the new image before setting its dimensions, the new
image is stretched first to the old image dimension before it is
adjusted to its own dimension.
I would like to load a new image with its own dimension at the same
time. How can I do this?


Off the top of my head:

1. change the image to something amorphous, change the dimensions,
then change to your new image. The intermediate image could be
a solid color (white?) or it could be some sort of swirl to give
the impression of an image being rotated.

2. change the visibility of the image to hidden, update it, then
set it back to visible.

3. rewrite the entire <img> tag with the new image and dimensions.

Do all popular browsers allow you to change the dimensions of images
on the fly these days? Some older ones wouldn't allow that.


Do most current browsers allow you to change the dimensions of an
image after it's been rendered? Some older browsers won't.

I have tried changing the visibility to hidden and then back to
visible but its not working. I don't know how to make a swirl, but I
would prefer not to have effects. I am firing the event onmouseover to
show the images so I don't think its possible to write the <img> tag,
but I would welcome your suggestion of how I can do it.

thank you

Is there someone out there who can help me with this problem?

John
Jul 23 '05 #5

P: n/a
>Is there someone out there who can help me with this problem?

Have you tried loading a transparent gif image before loading the new picture?
Sort of like a buffer image that you can resize.

Have you tried not setting the height and width of the IMG tag?

Peace, Vm
Yaz

Providing complicated solutions to simple problems since 1997.
Jul 23 '05 #6

This discussion thread is closed

Replies have been disabled for this discussion.