From 8346f2928c8bd017e4afc03c7ac361a9d2a7b7ed Mon Sep 17 00:00:00 2001 From: Mirco Wittrien Date: Sat, 17 Feb 2024 10:03:19 +0100 Subject: [PATCH] Update ImageUtilities.plugin.js --- Plugins/ImageUtilities/ImageUtilities.plugin.js | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/Plugins/ImageUtilities/ImageUtilities.plugin.js b/Plugins/ImageUtilities/ImageUtilities.plugin.js index 36a4e62bf7..18ad0f5e03 100644 --- a/Plugins/ImageUtilities/ImageUtilities.plugin.js +++ b/Plugins/ImageUtilities/ImageUtilities.plugin.js @@ -2,7 +2,7 @@ * @name ImageUtilities * @author DevilBro * @authorId 278543574059057154 - * @version 5.4.0 + * @version 5.4.1 * @description Adds several Utilities for Images/Videos (Gallery, Download, Reverse Search, Zoom, Copy, etc.) * @invite Jx3TjNS * @donate https://www.paypal.me/MircoWittrien @@ -227,8 +227,8 @@ module.exports = (_ => { imageViewer: {value: "NONE", description: "Image Viewer"} }, detailsSettings: { - footnote: {value: true, description: "in the Image Description"}, - tooltip: {value: false, description: "as a Hover Tooltip"}, + footnote: {value: true, description: "in the Image Description"}, + tooltip: {value: false, description: "as a Hover Tooltip"}, tooltipDelay: {value: 0, min: 0, description: "Image Tooltip Delay (in ms)"} }, places: { @@ -1259,8 +1259,9 @@ module.exports = (_ => { let vanishObserver; let zoomLevel = this.settings.zoomSettings.zoomLevel; - let imgRects = BDFDB.DOMUtils.getRects(e.node.firstElementChild); - let lens = BDFDB.DOMUtils.create(`
<${e.node.firstElementChild.tagName} src="${!this.isValid(e.instance.props.src, "video") ? e.instance.props.src : this.getPosterUrl(e.instance.props.src)}" style="width: ${imgRects.width * zoomLevel}px; height: ${imgRects.height * zoomLevel}px; position: fixed !important;${this.settings.zoomSettings.pixelMode ? " image-rendering: pixelated !important;" : ""}"${e.node.firstElementChild.tagName == "VIDEO" ? " loop autoplay" : ""}>
`); + let img = e.node.querySelector("img, video"); + let imgRects = BDFDB.DOMUtils.getRects(img); + let lens = BDFDB.DOMUtils.create(`
<${img.tagName} src="${!this.isValid(e.instance.props.src, "video") ? e.instance.props.src : this.getPosterUrl(e.instance.props.src)}" style="width: ${imgRects.width * zoomLevel}px; height: ${imgRects.height * zoomLevel}px; position: fixed !important;${this.settings.zoomSettings.pixelMode ? " image-rendering: pixelated !important;" : ""}"${img.tagName == "VIDEO" ? " loop autoplay" : ""}>
`); let pane = lens.firstElementChild.firstElementChild; let backdrop = BDFDB.DOMUtils.create(`
`); let appMount = document.querySelector(BDFDB.dotCN.appmount);