image - Highslide：单击外部区域时缩小图像

Question

我唯一喜欢 highslide 的东西是，当我单击缩略图并且它变大时，我只能在我准确单击图像区域时将其缩小。

在图像区域外单击时是否可以缩小图像？

（当我用鼠标光标悬停在图像之外时，还可以选择缩小它吗？）

谢谢

Answer 1

如果您使用变暗背景（例如 hs.dimmingOpacity=0.7），单击图像区域外部将关闭扩展器。这需要 highslide-full.js。如果您不想要变暗的背景，只需将不透明度设置为一个很小的值，例如 hs.dimmingOpacity=0.01。

当您将鼠标悬停在图像外时，可能包含一个 onAfterExpand 事件来关闭扩展器，但我想我可以保证您不会喜欢它。如果访问者单击缩略图，但在打开时没有碰巧将鼠标悬停在图像上，它会立即再次关闭。对于网站访问者来说，这将是非常令人沮丧的行为。