How to flip horizontally an image with JavaScript

[Francesco Moi]

Hi.

I'd like to flip horizontally an image with JavaScript. Is it
possible? Thank you very much.

[Evertjan.]

Francesco Moi wrote on 06 aug 2007 in comp.lang.javascript:

I'd like to flip horizontally an image with JavaScript. Is it
possible? Thank you very much.

No.
--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[VM]

You're probably better off just doing an image swap, using two images, one
being a flipped copy of the original

"Francesco Moi" <fr**********@usa.comwrote in message
news:11**********************@g4g2000hsf.googlegro ups.com...

Hi.

I'd like to flip horizontally an image with JavaScript. Is it
possible? Thank you very much.

[Randy Webb]

Thomas 'PointedEars' Lahn said the following on 8/6/2007 2:47 PM:

Francesco Moi wrote:

>I'd like to flip horizontally an image with JavaScript. Is it
possible?

It is, for example:

function flipImg(img)
{
img.src = "right-left.png";
}

<img src="left-right.png" alt="..."
onmouseover="flipImg(this)">

You might want to try to preload the second image.

That doesn't "flip" anything, it swaps images which is not what the OP
asked for.
--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ - http://jibbering.com/faq/index.html
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[scripts.contact]

On Aug 6, 10:27 am, Francesco Moi <[e-mail]:

I'd like to flip horizontally an image with JavaScript. Is it
possible?

In IE, you can use the flipH filter:
<img src="xxxx" style="filter:flipH">

[jim]

here is a working svg demo:
http://developer.mozilla.org/present...007/photos.svg

grab the black corner of an image (appears when you hover) and rotate
and/or scale it

[Dr J R Stockton]

In comp.lang.javascript message <11*********************@e9g2000prf.goog
legroups.com>, Mon, 6 Aug 2007 18:38:56, scripts.contact
<sc*************@gmail.composted:

>On Aug 6, 10:27 am, Francesco Moi <[e-mail]:

>I'd like to flip horizontally an image with JavaScript. Is it
possible?

In IE, you can use the flipH filter:
<img src="xxxx" style="filter:flipH">

Agreed.

That can be used as a body style too, and with flipV; in IE6. But when
one tries to tab over the controls, they seem to be unmoved. Clicking
on buttons works, but clicking in test input areas does not. Is that a
bug or two?
--
(c) John Stockton, Surrey, UK. ?@merlyn.demon.co.uk Turnpike v6.05 MIME.
Web <URL:http://www.merlyn.demon.co.uk/- FAQish topics, acronyms, & links.
Plaintext, quoting : see <URL:http://www.usenet.org.uk/ukpost.html>
Do not Mail News to me. Before a reply, quote with ">" or "" (SoRFC1036)