image - ハイスライド：外側の領域をクリックすると画像が縮小します

Question

ハイスライドでディスクのように見えるのは、サムネイルをクリックして大きくなると、画像領域を正確にクリックしたときにのみ縮小できるという事実だけです。

画像領域の外側をクリックしたときに画像を縮小することはできますか？

（オプションで、マウスカーソルで画像の外側にカーソルを合わせると縮小しますか？）

ありがとう

Answer 1

調光背景（たとえば、hs.dimmingOpacity = 0.7）を使用する場合、画像領域の外側をクリックすると、エキスパンダーが閉じます。これにはhighslide-full.jsが必要です。背景を暗くしたくない場合は、不透明度をhs.dimmingOpacity=0.01のような小さな値に設定するだけです。

画像の外側にカーソルを合わせたときにエキスパンダーを閉じるためにonAfterExpandイベントを含めることは可能かもしれませんが、それが気に入らないことは保証できると思います。訪問者がサムネイルをクリックしたが、画像を開いたときにマウスをその画像の上に置いただけではなかった場合、画像はすぐに再び閉じます。これは、サイト訪問者にとって非常に苛立たしい行動になります。