B biferi Daemon Poster Messages 690 Mar 5, 2010 #1 I have two images here and I want to make an image flip for my web page. I am useing JavaScript but I wanted to know is there an Easyer CODE or easyer way to do this?
I have two images here and I want to make an image flip for my web page. I am useing JavaScript but I wanted to know is there an Easyer CODE or easyer way to do this?
foothead Omnicide now. Messages 10,027 Location My own personal hell Mar 5, 2010 #2 flip....? Be more specific, do you mean a mirror image, upside down, or something else? use GIMP. It's open source.
flip....? Be more specific, do you mean a mirror image, upside down, or something else? use GIMP. It's open source.
OP OP B biferi Daemon Poster Messages 690 Mar 5, 2010 #3 I have an image called homeon.jpg And I have onother image called homeoff.jpg Wen peopl come to my web page I want them to see the homeoff.jpg photo. And wen they put the mouse pver it I want it to turn into the homeon.jpg photo. I know I can do this with JavaScript but it is I think easyer with CSS code. And I found this but I need you to tell me how to trim this or make it for me. Like I say I have just two images and they are both in the same DIR as my web pages. <div id="loader"> <img src="pic1c.jpg"/> <img src="pic2c.jpg"/> <img src="pic3c.jpg"/> </div> <div id="iconwrap"> <ul> <li id="icon1"><a href="#"><img border="0" src="invisible.gif" width="66" height="66" alt="transparent"/></a></li> <li id="icon2"><a href="#"><img border="0" src="invisible.gif" width="66" height="66" alt="transparent"/></a></li> <li id="icon3"><a href="#"><img border="0" src="invisible.gif" width="66" height="66" alt="transparent"/></a></li> </ul> </div>
I have an image called homeon.jpg And I have onother image called homeoff.jpg Wen peopl come to my web page I want them to see the homeoff.jpg photo. And wen they put the mouse pver it I want it to turn into the homeon.jpg photo. I know I can do this with JavaScript but it is I think easyer with CSS code. And I found this but I need you to tell me how to trim this or make it for me. Like I say I have just two images and they are both in the same DIR as my web pages. <div id="loader"> <img src="pic1c.jpg"/> <img src="pic2c.jpg"/> <img src="pic3c.jpg"/> </div> <div id="iconwrap"> <ul> <li id="icon1"><a href="#"><img border="0" src="invisible.gif" width="66" height="66" alt="transparent"/></a></li> <li id="icon2"><a href="#"><img border="0" src="invisible.gif" width="66" height="66" alt="transparent"/></a></li> <li id="icon3"><a href="#"><img border="0" src="invisible.gif" width="66" height="66" alt="transparent"/></a></li> </ul> </div>