Hello,

Before you hit me over the head with the golden coffee cup I have already done a search on this forum seeking an answer which is why I am here.

It has been a long time since I have used code to build a site and would need to be starting from scratch so I did the next best thing....I asked my wife Peggy to redo our site and I would try to help as much as I could.

OK, now that everyone has stopped laughing the reason for my asking her to learn code is that I am trying to start up a small photo restoration and retouching business and I don't have much time to relearn/learn HTML and CSS so she has been learning and seems to have a natural ability for it.

I want to create several JPG images showing before and after photos and we do not know how to do this.
After searching the forum it told us to go to snippets, javascript, then images. We are unable to find plain old javascript then images in the latest version of the HTML editor.

In addition, one of the sites recommended was telling us to use CSS so that the images load quicker, we have been unable to find out how to do that as well. Most are referring to using the CSS menu builder but we do not want to make a menu or buttons.

Is there any hope for us?

Steven And Peggy

Do you want the images in a slide show or to show as a gallery that will enlarge or just be static images all next to each other with a simple mouseover?

Here's some real cool CSS3 galleries.
http://speckyboy.com/2010/06/09/10-pure-css3-image-galleries-and-sliders/

What I would like is to have, say 2 different images side by side (different of course) so that the visitor would roll over the first one to see the after (restoring) then move to the next before image, roll over it to see the after.

Steven

Eric,
I went to the CSS3 gallery link you gave me and I am glad you did. I tested some of them in other browsers and the did not work so It looks like I will need some guidance in javascript.
Thanks
Steven

Maybe something like this. It's done in VSD but you could do it with the editor just as easy.
http://progrower.coffeecup.com/imageviewer.html

I found what I want, I need to know that this is an ok code to use with HTML5.

http://bermangraphics.com/tips/mouseover.htm

Steven

I have that one.
http://progrower.coffeecup.com/switchpic.html
It should be fine. Give it a try. If the page blows up then I would say NO!

Thanks, it is what I am looking for.
A thought just occurred to me as I was getting ready to close out. Some folks turn javascript off. Is it possible to do the same thing in CSS3?
Steven

Yes, Try this.

CSS


HTML

Thank You. We appreciate your time. We will try it tonight.
Steven