Rollover vs. Side by Side B&A for Website

[dcm100]

Hi all,

I am putting together a website finally, and I have always shown my clients before and after proofs side by side for approval.

Do any of you think it would make a big difference to a potential client if I take the time to learn how to do a rollover B&A, or do you think side by side is acceptable for my website portfolio page?

-JC

[Cuervo79]

For me (I have a side by side gallery on my web page) I find it that you can find the changes easier if you do a roll over than a side by side. It also has more impact, I've been lazy to find anything for a roll over based on a free flash template, but if there are free flash galleries around I guess a flash based roll over wouldn't be hard to find.

[Amy_Blue82]

Rather than flash, CSS is probably the simplest way to do before and after roll overs, or a bit more complicated is javascript.

As for whether side by side or roll over is better, personally I'm not sure.

[skauskas]

rollover is way better then side by side as for me. you can even see the smallest difference. but the only problem with flash that you need to do it in actionscript probably. at least this is how I had to do. and it's not easy at all if you have no clue what it is
I ended up hiring the programmer to do it

[pellepiano]

That was really neat, and splendid retouch work.
I use a divider line on a flashfile Im working on. Maybe one should have several versions.

http://www.pellepiano.com/applicatio...ml?bild=denice

[dcm100]

I have looked into some of your suggestions CSS and Javascript, but I just don't get it. I am on a budget right now and cannot pay someone to put something like that together for me. It looks like it will have to be side by side for now. Hopefully my work will speak for it's self without the bells and whistles. Once it gets rolling, I will definitely pay to do the whole fancy flash site thing.

Pelle, I really like your scanline B&A idea. That's great.

Thanks guys,
-JC

[pellepiano]

I can make you a version, if you can live with a small logo of mine somewhere in it. Its totally dynamic in the sense that you specify which images to load with the url, so the flash file never has to be touched. If you mail me the absolute path to your image folder, I can send you the 2 files necessary, a special html document and the flash file.

[Cuervo79]

I found this http://www.flashden.net/item/before-...-viewer-/20346 , which looks interesting, but if you have lots of images you'll have to find a way to display them first and then lead to the place where the viewer resides.

[dcm100]

Thank You Cuervo for the info, I have taken a look at the flashden site, amazing stuff there. Nice site BTW.

Pelle, I sent you a PM. Thanks! Awesome Talent! Everyone should take a look at his work.

This really is a great place for minds to get toghether and help one another! I hope that I will soon be able to contribute some useful content.

-JC

[ecols]

Try something like this! this is waaaayyyyy easy!

I use this to show "hover" work...

PHP Code:

<img src="./images/retouch/image001_retouched.jpg" onMouseOver="this.src='./images/retouch/image001_orig.jpg'"  onMouseOut="this.src='./images/retouch/image001_retouched.jpg'"/> 


easy, eh?