missing onClick event on Image to do in example "next()

[scco]

how to have @click="next()" feature on each lightbox element.

as i can not acces / style the img itself via slots, i suggest to have a slot for the content itself .

pseudo-code :

    <template v-slot:content="{ index }">
      <img
        :src="lightboxImages[index].src"
        :alt="lightboxImages[index].title"
        @click="showNextImage"
      />
    </template> 

or please add a new pro like

:onClickNextImage = enabled

if there is a simple way how i could achive the same in a simpler way , please let me know

[XiongAmao]

I've reread my code.
It seems difficult to add click handler to multiple gesture events.

vue-easy-lightbox/src/vue-easy-lightbox.tsx

Lines 522 to 549 in 75ff142

	const renderImgWrapper = () => {
	return (
	<div
	class={`${prefixCls}-img-wrapper`}
	style={imgWrapperStyle.value}
	key="img-wrapper"
	>
	<img
	alt={currentImgAlt.value}
	ref={imgRef}
	draggable="false"
	class={`${prefixCls}-img`}
	src={currentImgSrc.value}
	onMousedown={onMouseDown}
	onMouseup={onMouseUp}
	onMousemove={onMouseMove}
	onTouchstart={onTouchStart}
	onTouchmove={onTouchMove}
	onTouchend={onTouchEnd}
	onLoad={onImgLoad}
	onDblclick={onDblclick}
	onDragstart={(e) => {
	e.preventDefault()
	}}
	/>
	</div>
	)
	}

I also used different <img /> for loading / error states. So <slot /> may not work.
I'll see if there's any other way to implement it.

[scco]

do you try to do this without any dependencies ? it might get truly hard to do event coordination, gesture recognition, handling clicks and swipes together, and tweaking sensitivity / tresholds ...

maybe Hammer.js could help to simplify the handling of touch and mouse events.
it provides a unified API for handling various input types.