Image background upside down

Hi there,

Like the topic says, is it possible to flip and image upside-down with CSS?

 

Why isn't there and edit button here anymore?

I meant the background image, not just an normal image.

 

The Edit button goes away after a given time in which you are allowed to make changes to your post.

As for the issue, why not just edit the image apply a vertical flip to it, it will take only seconds to do this via Photoshop, for instance..

 

It'd probably just be easiest to flip the image using an image program such as photoshop or gimp (if you haven't used it its a great free program).

It should only take a moment, but having just checked trhough my CSS reference book, I don't think there is a way to flip anything with CSS...

If you do find a way to flip in CSS, it'd be great to see how you did it, because that might be useful!

Diarmuid

 

nope, it's not possible. actually you can't modify too many properties of a given background. only repeat and position. not even size.
it's very likely to be possible to flip the image using PHP but i'm not very sure.

 

I've found out that it's possible for IE, but not for any gecko browsers..

Too bad, but photoshop came to my rescue!

 

What you COULD do, if it is that important to do it "on the fly", you can use a PHP script to find the image, copy it to another destination on your server, flip it, then have the script echo out the new filename such as this:

<div style="background: url(path/to/image.gif);"></div>

 

yeah AndrewR's right, look up gd library for php

 

Flipping the images "on the fly" everytime the site loads? No one who knows the word optimize would ever do that :b

 

it would only do it once and then reference the 'upside down' image it created from then on

 

I didn't mean it like that, but if he needed it only on certain times, or when the image isn't static, but includes things like people uploading their own photos to the site, which needed to be flipped, etc. There are many instances where it could have been necessary.

 

Many instances? Can you describe one of them?

 

an auction site where a user uploads an image that needs to be resized...

 

Sorry for the confusion,
I was actually referring to the "flipping and image upside-down with CSS" usability which I am not sure of, not the image resizing.

 

haha yeah me either actually... unless you tell the user just to upload the image upside-down so you can flip it back?

 

Sorry to revive this thread, but one of the instances I was referring to is if a user uploads a photo taken from a camera, and if they took it landscape-oriented, then you could have made a script which flips it 90-270 degrees depending on user preference, etc.