Hover state

Sure. The hover effect that you choose in the settings is made visible basically by reducing the opacity of the image. So you can force that in advance. I can’t troubleshoot it for you, but here’s a good starting point so you can run with it and fit it to your situation.

If you want ALL the images in the gallery to show the hover effect immediately, use this:

.owl-stage div.active img {
opacity: .5;
}

If instead, you just want the first image in the carousel to have the effect, use this:

.owl-stage div.active:nth-of-type(5) img {
opacity: .5;
}

This one depends completely on how many images you have in your “stage”, and which image is the first one that appears to the far left of your stage.

Thanks for using Owl Carousel for FooGallery!

Oh shoot. Wrong plugin! Ha! That’s actually much easier.

In that case, use something like this:

a.ftgtrigger:hover img {
    opacity: .5;
}

Of course, you could do border-style instead:

a.ftgtrigger:hover img {
    border: 2px solid black;
}

Have fun with it! Thanks for letting me laugh at myself a bit 😉