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

Slideshow Player: Magnifier glass

Purple

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:

https://mirceakitsune.github.io/slideshow_player/#image...

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

Keywords
music 8,568, wip 5,686, viewer 937, announcement 716, player 489, code 113, programming 112, slideshow 72, showcase 59, images 45, opensource 33, pd 18, javascript 16, html 16, publicdomain 9, github 9, js 8, slideshowplayer 5
Details
Type: Picture/Pinup
Published: 4 years, 10 months ago
Rating: General

MD5 Hash for Page 1... Show Find Identical Posts [?]
Stats
38 views
1 favorite
0 comments

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