Web Design and Hosting Creating sites, scripting, and hosting discussions.

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


Post Reply New Thread Subscribe

 
Thread Tools
steen

 
Member Since: Aug 10, 2010
Posts: 11
steen is on a distinguished road

steen is offline
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
QUOTE Thanks
steen

 
Member Since: Aug 10, 2010
Posts: 11
steen is on a distinguished road

steen is offline
Anyone know how to do this?

Please help!
QUOTE Thanks
TattooedMac

 
TattooedMac's Avatar
 
Member Since: May 19, 2009
Location: Western Astraya
Posts: 6,453
TattooedMac has a brilliant futureTattooedMac has a brilliant futureTattooedMac has a brilliant futureTattooedMac has a brilliant futureTattooedMac has a brilliant futureTattooedMac has a brilliant futureTattooedMac has a brilliant futureTattooedMac has a brilliant futureTattooedMac has a brilliant futureTattooedMac has a brilliant futureTattooedMac has a brilliant future
Mac Specs: 13"MBP 2.9Ghz Intel Core i7 10.8.3 ~ iPhone5 6.1.3 ~ iPad Mini 6.1.3 ~ ATV2 5.2.1

TattooedMac is offline
Quote:
Originally Posted by steen View Post
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


Dont forget to use the Reputation System if someone has helped you out !!!
Arguing with a zealot is only slightly easier than tunneling through a mountain with your forehead!!!!!
QUOTE Thanks
steen

 
Member Since: Aug 10, 2010
Posts: 11
steen is on a distinguished road

steen is offline
Quote:
Originally Posted by TattooedMac View Post
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!
QUOTE Thanks
TattooedMac

 
TattooedMac's Avatar
 
Member Since: May 19, 2009
Location: Western Astraya
Posts: 6,453
TattooedMac has a brilliant futureTattooedMac has a brilliant futureTattooedMac has a brilliant futureTattooedMac has a brilliant futureTattooedMac has a brilliant futureTattooedMac has a brilliant futureTattooedMac has a brilliant futureTattooedMac has a brilliant futureTattooedMac has a brilliant futureTattooedMac has a brilliant futureTattooedMac has a brilliant future
Mac Specs: 13"MBP 2.9Ghz Intel Core i7 10.8.3 ~ iPhone5 6.1.3 ~ iPad Mini 6.1.3 ~ ATV2 5.2.1

TattooedMac is offline
Quote:
Originally Posted by steen View Post

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


Dont forget to use the Reputation System if someone has helped you out !!!
Arguing with a zealot is only slightly easier than tunneling through a mountain with your forehead!!!!!
QUOTE Thanks
McYukon

 
McYukon's Avatar
 
Member Since: May 14, 2009
Location: Near Whitehorse, Yukon
Posts: 2,031
McYukon is a splendid one to beholdMcYukon is a splendid one to beholdMcYukon is a splendid one to beholdMcYukon is a splendid one to beholdMcYukon is a splendid one to beholdMcYukon is a splendid one to beholdMcYukon is a splendid one to beholdMcYukon is a splendid one to behold
Mac Specs: Late 2008 MBP 15" - 2.4 GHz C2D - 8 GB RAM - 60 GB SSD & 500 GB HD - Mac OS 10.8.1 - 32 GB iTouch 4G

McYukon is offline
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

~Alex

Use the reputation system if a post helps you!
Mac Forums IRC Channel - Help build it by hanging out with us
The next sentence is true. The previous sentence is false.
QUOTE Thanks

Post Reply New Thread Subscribe


« Looking for Mac Software to maintain web site | iWeb with GoDaddy without MobileMe »
Thread Tools

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off
Forum Jump

All times are GMT -4. The time now is 01:37 AM.

Powered by vBulletin
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.
X

Welcome to Mac-Forums.com

Create your username to jump into the discussion!

New members like you have made this community the ultimate source for your Mac since 2003!


(4 digit year)

Already a member?