Hover Effects Settings

FooGallery Documentation

Hover Effects Settings

The Hover Effects settings change the appearance of the thumbnail when someone hovers over it. With FooGallery Free, you can select either Normal effects or None. FooGallery Pro allows you to also select one of the preset hover effects.

Hover effects

Normal Hover Effects

With the Hover Effects you can select a light or dark theme. This will make the overlay on hover either light or dark. Alternatively you can choose Transparent. This does not add an overlay to your thumbnail on hover, but instead just shows the other selected hover effects.

You can also add a color effect to your hover. This means you can have gray thumbs which become colorized on hover, or vice versa. If you don’t want either of these effects, set to None.

By selecting Scaling Effect you can make your thumbs scale slightly on hover. In other words, when you hover over them they become slightly bigger. Alternatively, you can select Zoomed. This makes the picture inside the thumb zoom out, or get bigger, while the actual thumbnail remains the same size.

If you would like your captions to be visible when you hover over the thumbnails, select On Hover under Caption Visibility. You can also choose not to have your captions visible on the thumbs, or you can make them visible all the time.

The Transition allows you to change how the hover effects appear. For example, if you’re showing an icon and your caption on hover, you can have them Fade in, slide in, appear instantly and so on.

Finally you can select the icon you want to show on hover. If you don’t want any icon to show, select the first block, which is blank.

None

As you would expect, selecting None means that you won’t have any hover effects. Once you select this, the other settings will be removed. To enable hover effects again, simply select Normal.

Preset

If you’re using FooGallery PRO, you will have access to the Hover Presets. These are predesigned hover effects that you can use for your gallery. You can find out more about these in this article.