Jump to content

image upside down


Recommended Posts

Hello, I have this problem and i can't figure it out. So I hope you guys, could help me. This is my problem, i'm making a website witch contains several images, but due to loading speed i would like to use one image twice. so far no problems ofcourse :) , But i like to have one of those two image upside down, and i can't find anywhere how to do this in HTML (or any thing else). I figured that if i use the same immage but upside down it only has to load one immage and not two. I hope you understand what i mean, English is not my best language... :) Thanks in advance!

Link to post
Share on other sites
http://walterzorn.com/rotate_img/rotate_img.htmI don't know exactly how it works, but as you see with the smiley image, it starts upside down, and if you roll it, ends up the right way. There's lots of code in there though. If someone is able/willing to dissect it... :)
Link to post
Share on other sites
http://walterzorn.com/rotate_img/rotate_img.htmI don't know exactly how it works, but as you see with the smiley image, it starts upside down, and if you roll it, ends up the right way. There's lots of code in there though. If someone is able/willing to dissect it... :)

Slightly off topic, ... but to clarify :) While I'm not, myself, Walter Zorn, I have downloaded and examined his library -- actually quite a while ago.The example that you pointed out actually does not use the same image. The image is sampled by the (very hefty) javascript library, which then generates a zillion little div's with background colors to match the image. Then these are positioned on the web site.Basically, this technique is not extreemly efective, and is often rather slow.Back to topic:As imbored531 said, just make a copy.For all but the most gigantic images, make a copy of your image using your favorite image software, almost all have some sort of vertical flip. ... So, flip it save it, and use the second one.If you're stuck with a really large image, ... perhaps it would be better to rethink the design layer. Without any code, it's hard to say.Jefkin
Link to post
Share on other sites

thanks for all the feedback:) ofcourse i coud flip the immage and use that but I was purely curious if it was posible. a principal thing to save loading time. i managed to do it, but found out that not all browsers could handle it. so used a flipped immage. but thanks anyway! keep on coding!! :)

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...