Make thumbnails transparent and open to a larger picture on same page?

[steen]

This is my first post on these forums....
I am currently trying to design a site on iWeb. I would really like to make something similar to this website: Christian Johnson's Artwork

I like how all the pieces of art work are transparent thumbnails and when you scroll over them they become regular color/opaque, but I'm unsure how to do that.

Also, how do you make it so that when you click the link it opens in the same page (next to the thumbnails) rather than a new page? I dont know if that's clear, but if anyone is able to check that website maybe it will be easier to understand. :/

It would be really helpful if anyone has any insight or tutorials.

Thank you

 

[steen]

Anyone know how to do this?

Please help!

 

[TattooedMac]

Anyone know how to do this?

Please help!

Hi there steen and welcome to the forum ......
1st thing is its only been 40Mins since your OP so a little patience will go a long way here. Remember this is a world wide forum so people that can help with the answer might still be asleep, or at work and so on.

Give the members a little time to see and read your post. There will be someone or maybe a cpl of people out there to help but just give us a little time

Cheers

 

[steen]

Hi there steen and welcome to the forum ......
1st thing is its only been 40Mins since your OP so a little patience will go a long way here. Remember this is a world wide forum so people that can help with the answer might still be asleep, or at work and so on.

Give the members a little time to see and read your post. There will be someone or maybe a cpl of people out there to help but just give us a little time

Cheers

Hello TattooedMac -
Thanks for replying. I apologize for the instant post after my OP... I honestly didnt realize how little time had passed. I'm sure you can understand what it's like to get immersed in a project. I have everything else laid out in iWeb and that's the last step of my site that needs to be finished, so I guess you can say I'm a bit anxious. Haha.

Thanks for the welcome!

 

[TattooedMac]

Thanks for the welcome!

YW mate. Yea its understandable that you can get anxious looking for a answer. But there will be one of the guru's around here that WILL find a solution for you.
I personally havnt used iWeb so i cant help but for sure there will be a answer by days end
And once its all done post a link to your site HERE so everyone can have a gander at it

Cheers

 

[McYukon]

Truth is it isn't that easy to do, I don't even know if it can be done with iWeb.
The mouse over is a CSS trick,
CSS Image Opacity / Transparency

And the picture change is a javascript/jquery.
I can't find the exact one that is used on the site you posted, but it is done with javascript/jquery
14 jQuery Plugins for Working with Images
37 More Shocking jQuery Plugins - Noupe Design Blog