Results 1 to 6 of 6
  1. #1
    Make thumbnails transparent and open to a larger picture on same page?

    Member Since
    Aug 10, 2010
    Posts
    11
    Make thumbnails transparent and open to a larger picture on same page?
    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

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

    Member Since
    Aug 10, 2010
    Posts
    11
    Anyone know how to do this?

    Please help!

  3. #3
    Make thumbnails transparent and open to a larger picture on same page?
    TattooedMac's Avatar
    Member Since
    May 19, 2009
    Location
    Waiting for a mate . . .
    Posts
    8,379
    Specs:
    21" iMac 2.9Ghz 16GB RAM & 13"MBP 2.9Ghz i7 8GB RAM 10.10.3, iPhone5 & iPad Air 2 iOS 8.3, ATV3
    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!!!!!
    MoTM ☆☆☆

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

    Member Since
    Aug 10, 2010
    Posts
    11
    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!

  5. #5
    Make thumbnails transparent and open to a larger picture on same page?
    TattooedMac's Avatar
    Member Since
    May 19, 2009
    Location
    Waiting for a mate . . .
    Posts
    8,379
    Specs:
    21" iMac 2.9Ghz 16GB RAM & 13"MBP 2.9Ghz i7 8GB RAM 10.10.3, iPhone5 & iPad Air 2 iOS 8.3, ATV3
    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!!!!!
    MoTM ☆☆☆

  6. #6
    Make thumbnails transparent and open to a larger picture on same page?
    McYukon's Avatar
    Member Since
    May 14, 2009
    Location
    Near Whitehorse, Yukon
    Posts
    2,052
    Specs:
    2012 MBP i7 2.7 GHz 15" Matte - 16 GB RAM - 120 GB Intel SSD - 500 GB DataDoubler Mac OS 10.9
    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.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Printing a Page of Thumbnails
    By nancyspeed in forum Images, Graphic Design, and Digital Photography
    Replies: 4
    Last Post: 11-25-2010, 01:09 PM
  2. making a picture transparent
    By Addz in forum Images, Graphic Design, and Digital Photography
    Replies: 1
    Last Post: 10-03-2010, 01:02 AM
  3. Mac Office 08: Make thumbnails bigger - Insert Picture from File
    By cwjones in forum OS X - Apps and Games
    Replies: 0
    Last Post: 04-08-2009, 11:40 AM
  4. View Picture Files Icons as Thumbnails
    By soulreaver99 in forum Switcher Hangout
    Replies: 5
    Last Post: 01-06-2009, 10:51 AM
  5. larger thumbnails?
    By Aqua in forum Switcher Hangout
    Replies: 0
    Last Post: 08-22-2008, 06:59 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •