Welcome to Inkbunny...
Allowed ratings
To view member-only content, create an account. ( Hide )
Mozilla causes the Second Cumming
« older newer »
Mircea's Gallery (104)

Slideshow Player: Magnifier glass


Medium (920px wide max)
Wide - use max window width - scroll to see page ⇅
Fit all of image in window
set default image size: small | medium | wide
Download (new tab)
by Mircea
I've wanted to implement some form of zooming for a while. Initially I planned to go for automated scrolling as the image transitions, but that comes with its own complications in the given setup. I thus decided to implement something simpler and more interactive: A magnifier glass to zoom in on parts of images.

To use it, simply position and drag the cursor over the active image: The background will darken and you'll see a little circle with the zoomed in version of its content. To remove it, simply drag the cursor away from the image or wait 5 seconds without moving the mouse. The magnifier is set to 2x zoom, while the size of the circle is automatically adjusted based on the scale and proportions of the image (half of its width or height, whichever is smaller). Try it out yourself and let me know what you think:


Slideshow Player and other projects are made possible thanks to your support on Patreon, please consider donating $1 or more at https://patreon.com/MirceaKitsune

music 6,445, wip 3,855, viewer 439, player 234, announcement 189, code 80, programming 76, opensource 31, showcase 27, images 25, pd 15, javascript 15, html 11, github 9, slideshow 8, js 6, publicdomain 5, slideshowplayer 5
Type: Picture/Pinup
Published: 5 days, 17 hrs ago
Rating: General

MD5 Hash for Page 1... Show Find Identical Posts [?]
0 favorites

BBCode Tags Show [?]
New Comment:
Move reply box to top
Log in or create an account to comment.