[X] My Assistant

Compatibility:
can be used on Firefox/Edge/Chrome through Tampermonkey/Violentmonkey
cannot be used with Greasemonkey, possibly due to GM_getValue()/GM_setValue().
This script should be compatible with the dark theme script but not with other MPV scripts.

Main features:
Fit images to screen height, display from right to left without gaps.
Use thumbnails, hover over the bottom of the image.
Use image toolbar, hover over the top of the image.
Quick buttons for horizontal/vertical toggling, Show/hide the side toolbar.
Precise positioning and making the target image glow.
Images auto-resize and reposition when stretching the window.
Auto hide after the mouse stops moving.
Shortcut keys swapped: 'a' with 'd', 'left' with 'right.'
1.0.1: Add two buttons, Auto Page Flip and Auto Scroll, allow custom time.

Bug fix:
1.0.2: Fixed an issue where thumbnails could not be called the first time.
1.0.3-1.0.4: Fix the issue where images are incorrectly stretched when there are too few pictures in the gallery.

Known issues:
Setting this horizontal value will result in incorrect width calculations for the image.

This script only performs DOM operations and does not use any network API.
There may be related performance issues.

Download:
 EH_Horizontal_MPV_1.0.4.user.js.txt ( 33.95k ) Number of downloads: 56

 EH_Horizontal_MPV_1.0.2.user.js.txt ( 33.46k ) Number of downloads: 29

 EH_Horizontal_MPV_1.0.1.user.js.txt ( 33.48k ) Number of downloads: 23

 EH_Horizontal_MPV_1.0.0.user.js.txt ( 27.6k ) Number of downloads: 30


This post has been edited by imty: Jan 4 2025, 07:27

fantastic work!

Thank you for your excellent script.
I’ve simply added an auto-scroll feature for my needs, which starts scrolling automatically when the mouse approaches the sides of the screen.
Perhaps you could consider adding and improving this feature?
 EH_Horizontal_MPV_1.0.0_edit.user.js.txt ( 29.32k ) Number of downloads: 15

CODE

    let scrollSpeed = 2 // Speed of scrolling
    let scrollDirection = null
    let scrollFrameId = null

    function startAutoScroll(direction) {
        if (scrollDirection === direction) return
        scrollDirection = direction

        function smoothScroll() {
            if (scrollDirection === 'left') {
                new_pane_images.scrollLeft -= scrollSpeed
            } else if (scrollDirection === 'right') {
                new_pane_images.scrollLeft += scrollSpeed
            }
            pane_images.scrollTop = -new_pane_images.scrollLeft

            if (scrollDirection) {
                scrollFrameId = requestAnimationFrame(smoothScroll)
            }
        }

        smoothScroll()
    }

    function stopAutoScroll() {
        cancelAnimationFrame(scrollFrameId)
        scrollDirection = null
    }

    new_pane_images.addEventListener('mousemove', event => {
        const screenWidth = window.innerWidth
        const mouseX = event.clientX

        if (mouseX < screenWidth * 0.1) {
            startAutoScroll('left')
        } else if (mouseX > screenWidth * 0.9) {
            startAutoScroll('right')
        } else {
            stopAutoScroll()
        }
    })

    new_pane_images.addEventListener('mouseleave', () => stopAutoScroll())

Thank you for your excellent script.
I’ve simply added an auto-scroll feature for my needs, which starts scrolling automatically when the mouse approaches the sides of the screen.
Perhaps you could consider adding and improving this feature?

I'm glad you are able to enjoy it.
I really like your code and suggestions.
Please forgive me for incorporating your code almost verbatim.