# Rotate, Rinse, Repeat...Can you rotate images using html? **URL:** \ **Category:** random\ **Created:** [July 9, 2004, 7:17pm UTC](https://forum.kirupa.com/t/rotate-rinse-repeat-can-you-rotate-images-using-html/57044 "2004-07-09T19:17:47Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![CanadianGuy](https://avatars.discourse-cdn.com/v4/letter/c/13edae/32.png) [@CanadianGuy](https://forum.kirupa.com/u/CanadianGuy)\ **Post date:** [July 9, 2004, 7:17pm UTC](https://forum.kirupa.com/t/rotate-rinse-repeat-can-you-rotate-images-using-html/57044/1 "2004-07-09T19:17:47Z")
Hello all, Some I’m slicing up some layouts and again I run into the problem of not knowing how to rotate some sliced jpegs. If you look at the image below you’ll see how I sliced the image. To keep the file size down I only want to use slices 4 and 5 but I can’t figure out how to rotate them to create the four corners of the frame. Does anyone know how to do this. Any help would be much appreciated. Thanks, Bill ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 9, 2004, 7:18pm UTC](https://forum.kirupa.com/t/rotate-rinse-repeat-can-you-rotate-images-using-html/57044/2 "2004-07-09T19:18:58Z")
Open it in photoshop, flip horizontally, flip vertically 😉 ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 9, 2004, 7:21pm UTC](https://forum.kirupa.com/t/rotate-rinse-repeat-can-you-rotate-images-using-html/57044/3 "2004-07-09T19:21:09Z")
You’re kidding right? lol :whistle: _dusts off Javascript for Dummies_ For clarification I only want to use slices 4 and 5 (see the image above) in the html document but I want to use several versions of them all but just have them rotated or flipped. Can this be done using html? If yes how? Should this be done using Javascipt? If yes how? :d: Please someone point me in the right direction 'cause I’m lost. :crying: :cyclops: _thinks… ‘where the heck is DDD?’_ ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 9, 2004, 7:28pm UTC](https://forum.kirupa.com/t/rotate-rinse-repeat-can-you-rotate-images-using-html/57044/4 "2004-07-09T19:28:51Z")
Why do you need to do it in JS or HTML? Why not just do it in an image editor program? ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 9, 2004, 7:30pm UTC](https://forum.kirupa.com/t/rotate-rinse-repeat-can-you-rotate-images-using-html/57044/5 "2004-07-09T19:30:55Z")
He wants to keep the file size down ethan. CG, I think it miiiiight be possible with css or maybe JS, but I doubt it would be cross browser friendly, and it might lose some quality, it might just be better to use different images. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 9, 2004, 7:33pm UTC](https://forum.kirupa.com/t/rotate-rinse-repeat-can-you-rotate-images-using-html/57044/6 "2004-07-09T19:33:42Z")
file size down? what are we talking about here? a total savings of like 15k? ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 9, 2004, 7:34pm UTC](https://forum.kirupa.com/t/rotate-rinse-repeat-can-you-rotate-images-using-html/57044/7 "2004-07-09T19:34:43Z")
That’s what I was thinking too. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 9, 2004, 7:43pm UTC](https://forum.kirupa.com/t/rotate-rinse-repeat-can-you-rotate-images-using-html/57044/8 "2004-07-09T19:43:54Z")
_scratches head_ This is frustrating because I know that it’s probably not that difficult and I could use the extra 15kb I’ll gain for some more cool shat. Please keep the ideas comin’. Maybe I’ll just re-slice it in a more efficent manner. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 9, 2004, 7:46pm UTC](https://forum.kirupa.com/t/rotate-rinse-repeat-can-you-rotate-images-using-html/57044/9 "2004-07-09T19:46:10Z")
15kb matters to people on dial up. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 9, 2004, 8:15pm UTC](https://forum.kirupa.com/t/rotate-rinse-repeat-can-you-rotate-images-using-html/57044/10 "2004-07-09T20:15:49Z")
> the extra 15kb I’ll gain for some more cool shat how would you use 15kb for cool shat? seriously, even on dial-up 15kb don’t matter when they have to load a whole page anyway. that’s like taking away a sand-grain to make the beach smaller cos it’s taking too much space. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 9, 2004, 8:15pm UTC](https://forum.kirupa.com/t/rotate-rinse-repeat-can-you-rotate-images-using-html/57044/11 "2004-07-09T20:15:52Z")
there is a way… [http://www.ssi-developer.net/css/visual-filters.shtml](http://www.ssi-developer.net/css/visual-filters.shtml) you can also apply the style=FILTER: part of the code in imgs, tables, etc. [blur]check the source for this text[/blur] ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 9, 2004, 8:20pm UTC](https://forum.kirupa.com/t/rotate-rinse-repeat-can-you-rotate-images-using-html/57044/12 "2004-07-09T20:20:21Z")
whoha, half those filters I didn’t even know existed … that just sounded wrong, grammatically I mean ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 9, 2004, 8:22pm UTC](https://forum.kirupa.com/t/rotate-rinse-repeat-can-you-rotate-images-using-html/57044/13 "2004-07-09T20:22:52Z")
> [@Total Biscuit](#): > > whoha, half those filters I didn’t even know existed > … > that just sounded wrong, grammatically I mean still grammatically correct, you just have the words mixed around… “I didn’t even know half those filters existed” talk like yoda you do? ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 9, 2004, 8:23pm UTC](https://forum.kirupa.com/t/rotate-rinse-repeat-can-you-rotate-images-using-html/57044/14 "2004-07-09T20:23:04Z")
Yeah those are all great and all considering 100% of your users use IE 5.5+ (I think that’s the cut off at least) Anyhow, if you want something crossbrowser compatible that’s not going to be a route you’ll want to take. Not a single one of those filters works in mozilla based browsers. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 9, 2004, 8:24pm UTC](https://forum.kirupa.com/t/rotate-rinse-repeat-can-you-rotate-images-using-html/57044/15 "2004-07-09T20:24:48Z")
> [@xxviii](#): > > Yeah those are all great and all considering 100% of your users use IE 5.5+ (I think that’s the cut off at least) > Anyhow, if you want something crossbrowser compatible that’s not going to be a route you’ll want to take. Not a single one of those filters works in mozilla based browsers. Well, he’s in the right mindset having to use multiple instances of the same image instead of one big one. Sometimes you just have to sacrifice, or just use Flash. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 9, 2004, 8:26pm UTC](https://forum.kirupa.com/t/rotate-rinse-repeat-can-you-rotate-images-using-html/57044/16 "2004-07-09T20:26:16Z")
Bill, you’re seriously not spending this much time to save 15k load time right? ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 9, 2004, 8:26pm UTC](https://forum.kirupa.com/t/rotate-rinse-repeat-can-you-rotate-images-using-html/57044/17 "2004-07-09T20:26:58Z")
> [ot]what would \*\*you \*\*do for a klondike bar?[/ot] ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 9, 2004, 8:33pm UTC](https://forum.kirupa.com/t/rotate-rinse-repeat-can-you-rotate-images-using-html/57044/18 "2004-07-09T20:33:13Z")
> [@Total Biscuit](#): > > how would you use 15kb for cool shat? seriously, even on dial-up 15kb don’t matter when they have to load a whole page anyway. that’s like taking away a sand-grain to make the beach smaller cos it’s taking too much space. How big do you guys make your pages? If you have 20 pages or so that are 100kb+ then that’s a lot of waiting for our poor dial up friends. You can do a lot with 15kb if you’re creative. Thanks thorphies. Ethan it’s not just about the 15kb that I could save for this page. It’s about the 15kb that I could possibly save on future pages. A lot of people do still have dial up ya know. \ ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 9, 2004, 8:33pm UTC](https://forum.kirupa.com/t/rotate-rinse-repeat-can-you-rotate-images-using-html/57044/19 "2004-07-09T20:33:31Z")
> [@thoriphes](#): > > What would **you** do for a klondike bar? Pretty much anything that breathes, or once did. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 9, 2004, 8:38pm UTC](https://forum.kirupa.com/t/rotate-rinse-repeat-can-you-rotate-images-using-html/57044/20 "2004-07-09T20:38:29Z")
the amount of time it would take to take that image and flip it using the code would equal or be greater than actually reloading the image…imho and to reuse the image - same deal. [Next page](https://forum.kirupa.com/t/rotate-rinse-repeat-can-you-rotate-images-using-html/57044.md?page=2)