NEW TUTORIAL: Adding a simple hover effect to your thumbnails in COLLAGE PORTRAIT gallery style

tomnovy

Hey Dgrinrs,

Just published a new tutorial - this time how to add a nice hover effect to your thumbnails:

Tutorial: https://portal.photom.me/portal/adding-simple-hover-effect-thumbnails-collage-portrait-gallery-style/

BigRed

At first, I was puzzled about why adding such CSS made my thumbs DARKEN on hover instead of lightening. Duh -- That's what happens if you have a dark background on the gallery, which peers through the reduced image opacity. Is there any way to lighten on hover against a dark background, like the Smugmug gallery style thumbs already do? Thanks!

tomnovy

Hey BigRed,

Check the article one more time. I have just added few lines of code that will allow you to control the colour of the hover background.

Have fun!

BigRed

@tomnovy said:
Check the article one more time. I have just added few lines of code that will allow you to control the colour of the hover background.

Thanks, Tom. About that background CSS: I figured out what I needed, but thought you might want to make a note for others. I think the .sm-tile ID needs a modifier to limit the effect to this gallery style. And it also affects the caption area if displayed under the thumbnail.

tomnovy

Hey BigRed,

This was actually intentional - I wanted a clear design - without any text.

But I have modified the code slightly so only thumbs are affected .

This code is for a clean look - without caption or title.

Kentinada

I like this a lot! Thanks.