diff options
| -rw-r--r-- | src/lib/Media/Cover/hoverCover.ts | 24 |
1 files changed, 10 insertions, 14 deletions
diff --git a/src/lib/Media/Cover/hoverCover.ts b/src/lib/Media/Cover/hoverCover.ts index 18b04420..97a41f35 100644 --- a/src/lib/Media/Cover/hoverCover.ts +++ b/src/lib/Media/Cover/hoverCover.ts @@ -32,24 +32,20 @@ export const onMouseMove = (event: MouseEvent, imageWidth = 300) => { const offset = 10; let imageLeft = 0; let imageTop = 0; - const image = document.getElementsByClassName('hover-image')[0] as HTMLImageElement; const response: OnMouseMove = { - height: 0, + height: (document.getElementsByClassName('hover-image')[0] as HTMLImageElement).height, style: '' }; - if (image) { - image.onload = () => (response.height = image.height); - imageLeft = - event.pageX + imageWidth + offset > window.innerWidth - ? event.pageX - imageWidth - offset - : event.pageX + offset; - imageTop = - event.pageY + response.height + offset > window.innerHeight - ? event.pageY - response.height - : event.pageY + offset; - response.style = `top: ${imageTop}px; left: ${imageLeft}px;`; - } + imageLeft = + event.pageX + response.height + offset > window.innerWidth + ? event.pageX - imageWidth - offset + : event.pageX + offset; + imageTop = + event.pageY + response.height + offset > window.innerHeight + ? event.pageY - response.height + : event.pageY + offset; + response.style = `top: ${imageTop}px; left: ${imageLeft}px;`; return response; }; |