New To Mac-Forums?

Welcome to our community! Join the discussion today by registering your FREE account. If you have any problems with the registration process, please contact us!

Get your questions answered by community gurus Advice and insight from world-class Apple enthusiasts Exclusive access to members-only contests, giveaways and deals

Join today!

 
Start a Discussion
 

Mac-Forums Brief

Subscribe to Mac-Forums Brief to receive special offers from Mac-Forums partners and sponsors

Join the conversation RSS
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: Waiting for a mate . . .
Posts: 7,796
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: 21" iMac 2.9Ghz 10.9.4 13"MBP 2.9Ghz i7 Yosemite 10.10 ~ iPhone5 iOS 8 ~ iPad Mini iOS 8 ~ ATV3 6.1

TattooedMac is online now
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

CogFrog Studio's ~ Photography, Apps and Web Development
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: Waiting for a mate . . .
Posts: 7,796
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: 21" iMac 2.9Ghz 10.9.4 13"MBP 2.9Ghz i7 Yosemite 10.10 ~ iPhone5 iOS 8 ~ iPad Mini iOS 8 ~ ATV3 6.1

TattooedMac is online now
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

CogFrog Studio's ~ Photography, Apps and Web Development
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,053
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: 2012 MBP i7 2.7 GHz 15" Matte - 16 GB RAM - 120 GB Intel SSD - 500 GB DataDoubler Mac OS 10.9

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

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 02:39 AM.

Powered by vBulletin
Copyright ©2000 - 2014, 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?