Question from a Rookie

SpenceSpence Registered Users Posts: 105 Major grins
edited August 24, 2016 in Finishing School
Good Afternoon Grinners

I am working on assembling a montage of pictures my Bride and I recently took in the Galapagos when we went there for our 25th wedding anniversary. My question is I have the center picture (The Galapagos Tortoise) and a number of smaller pictures around it. Where would I go or how would I set up the ability for the smaller pictures to jump out and enlarge when you put your mouse on them or click or whatever. If anyone would like to see the draft of this just let me know and I will send to you.

Thanks for the help
Spence
http://spencerrice.smugmug.com

Comments

  • bhambham Registered Users Posts: 1,303 Major grins
    edited August 24, 2016
    It's a decent bit of css coding to accomplish that. Is this on a smugmug site or external site?
    "A photo is like a hamburger. You can get one from McDonalds for $1, one from Chili's for $5, or one from Ruth's Chris for $15. You usually get what you pay for, but don't expect a Ruth's Chris burger at a McDonalds price, if you want that, go cook it yourself." - me
  • SpenceSpence Registered Users Posts: 105 Major grins
    edited August 24, 2016
    Hi Bham
    Thanks for responding. Here is what I have been working on and I just posted it to my smug mug site. Any suggestions you have would be most welcome
    Spence

    Life%20in%20the%20Galapagos%20%282%29-L.jpg
  • denisegoldbergdenisegoldberg Administrators Posts: 14,376 moderator
    edited August 24, 2016
    I did some playing with hovering over photos a number of years back. In my blog post (linked below), hovering over a photo caused it to pop out with a slightly larger image. You can see the results here - http://denisegoldbergplays.blogspot.com/2011/04/hoverbox.html.

    This was done with CSS. Code can be downloaded from http://sonspring.com/journal/hoverbox-image-gallery.

    You should be able to implement something like this in a page in SmugMug.

    I'm sure there are other ways to implement this as well.

    --- Denise
    https://www.denisegoldberg.com ... https://denise.smugmug.com

    Musings & ramblings at https://denisegoldberg.blogspot.com
Sign In or Register to comment.