Implement lightbox

This commit is contained in:
Jose Farias
2024-11-29 15:52:45 -06:00
parent ce3db053c2
commit 0e8d4104f8
5 changed files with 89 additions and 2 deletions
@@ -0,0 +1,18 @@
import { Controller } from "@hotwired/stimulus"
export default class extends Controller {
static targets = [ "image", "dialog", "zoomedImage" ]
open(event) {
this.dialogTarget.showModal()
this.#set(event.target.closest("a"))
}
reset() {
this.zoomedImageTarget.src = ""
}
#set(target) {
this.zoomedImageTarget.src = target.href
}
}