CODEWITHSUNDEEP
imagehighslide
Hermann
Hermann

Reputation: 171

Highslide: Shrink image back when clicking in outer area

The only thing which I disklike whith highslide is the fact that when I click a thumbnail and it gets bigger I only can shrink it back when I click exactly in the image area.

Is it possible to shrink the image back when clicking outside the image area?

(and optional also shrink it back when I hover outside the image with the mouse cursor?)

Thanks

Upvotes: 0

Views: 474

Answers (1)

MisterNeutron
MisterNeutron

Reputation: 3359

If you use a dimming background (hs.dimmingOpacity=0.7, for example), clicking outside the image area will close the expander. This requires highslide-full.js. If you don't want a dimming background, just set the opacity to a tiny value, like hs.dimmingOpacity=0.01.

It might be possible to include an onAfterExpand event to close the expander when you hover outside the image, but I think I can guarantee that you wouldn't like it. If a visitor clicked on a thumbnail, but didn't just happen to have his mouse over the image when it opened, it would immediately close again. That would be very frustrating behavior for the site visitor.

Upvotes: 2

Related Questions