PimKroeze Posted February 2, 2006 Share Posted February 2, 2006 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 comment Share on other sites More sharing options...
aspnetguy Posted February 2, 2006 Share Posted February 2, 2006 you will need javascript...I just can't find an example anywhere Link to comment Share on other sites More sharing options...
PimKroeze Posted February 2, 2006 Author Share Posted February 2, 2006 ok, Thank you i'll try to find a script somwhere.if anyone else has an idea please be my guest thanx! Link to comment Share on other sites More sharing options...
Jonas Posted February 2, 2006 Share Posted February 2, 2006 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 comment Share on other sites More sharing options...
imbored531 Posted February 5, 2006 Share Posted February 5, 2006 I have no idea how to do this in HTML but if your using windows, you can open up paint, copy your image in there, and click image at the top. Then click flip/rotate. Then your image is upside down!I know its not exactly what you wanted, but its the only way I know. Link to comment Share on other sites More sharing options...
jefkin Posted February 7, 2006 Share Posted February 7, 2006 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... <{POST_SNAPBACK}> 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 comment Share on other sites More sharing options...
PimKroeze Posted February 7, 2006 Author Share Posted February 7, 2006 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 comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now