Forum Mjukvara Programmering och digitalt skapande Tråd

Bildvisare (jQuery/javascript) med zoom?

1
Skriv svar
Permalänk
Medlem
●

Bildvisare (jQuery/javascript) med zoom?

Jag är på jakt efter nån jQuery plugin för att visa bilder. Det finns förvisso några stycken men jag skulle vilja ha en med zoomfunktionalitet. Då menar jag att bilden ska kunna zoomas när den visas.
Tänk följande scenario:
1) En bild har storlek 4000x300 pixlar
2) Bildvisaren visar den med önskad storlek på skärmen (t.ex. 640x400 eller nått).
3) Med scrollhjulet på musen ska man kunna zooma in i bilden för att se den i ursprunglig storlek. Bildstorleken på skärmen ändras alltså inte utan bilden "beskärs" så man kommer närmare ursprungsstorleken så att säga. Precis som när man tittar på en bild i Windows och zoomar med scrollhjulet.

Synology har den här tekniken i deras NAS operativsystem via webbläsaren för att visa bilder. Men jag har aldrig hittat någon jQuery/plugin som har den zoom-funktionaliteten som jag söker.
Nån som vet bättre än jag?

Visa signatur

Dator: MB: Gigabyte Z390 M GAMING mATX | CPU: Intel Core i9 9900K 3.6 GHz (Haswell) | RAM: Corsair 16GB (KIT) 3200Mhz Vengeance LPX | Grafikkort: ASUS GeForce RTX 3060 12GB PHOENIX V2 (LHR) | Chassi: Fractal Design Mini | PSU: Corsair RM750X 750W v2 | Optisk: ASUS BW-12B1ST Blu-Ray/DVD brännare | CPU-kylare: Noctua NH-U12S | Operativ: Windows 11
Övrigt: Nintendo Switch, NES Mini, SNES Mini, Nintendo New 3DS, NES, Famicom AV, Famicom Disk System, PS3, PS5, AppleTV 4K, Synology NAS DS923+ (32GB), iPhone 14 Pro 128GB, LG OLED 55C2,

Redigera
Citera flera Citera
Permalänk
Medlem
●

Nåt sånt här typ?
https://github.com/can3p/iviewer/wiki

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av agentq15:

Nåt sånt här typ?
https://github.com/can3p/iviewer/wiki

Gå till inlägget

Typ, den där funkade dock rätt knepigt. Men typ..

Visa signatur

Dator: MB: Gigabyte Z390 M GAMING mATX | CPU: Intel Core i9 9900K 3.6 GHz (Haswell) | RAM: Corsair 16GB (KIT) 3200Mhz Vengeance LPX | Grafikkort: ASUS GeForce RTX 3060 12GB PHOENIX V2 (LHR) | Chassi: Fractal Design Mini | PSU: Corsair RM750X 750W v2 | Optisk: ASUS BW-12B1ST Blu-Ray/DVD brännare | CPU-kylare: Noctua NH-U12S | Operativ: Windows 11
Övrigt: Nintendo Switch, NES Mini, SNES Mini, Nintendo New 3DS, NES, Famicom AV, Famicom Disk System, PS3, PS5, AppleTV 4K, Synology NAS DS923+ (32GB), iPhone 14 Pro 128GB, LG OLED 55C2,

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av oRBIT2002:

Typ, den där funkade dock rätt knepigt. Men typ..

Gå till inlägget

Läste inte så mkt om den. Kollade bara exemplet. Vad är det som är knepigt?

Redigera
Citera flera Citera
Permalänk
Medlem
●

Zoomfunktionen var hackig och verkade lite buggig.

Visa signatur

Dator: MB: Gigabyte Z390 M GAMING mATX | CPU: Intel Core i9 9900K 3.6 GHz (Haswell) | RAM: Corsair 16GB (KIT) 3200Mhz Vengeance LPX | Grafikkort: ASUS GeForce RTX 3060 12GB PHOENIX V2 (LHR) | Chassi: Fractal Design Mini | PSU: Corsair RM750X 750W v2 | Optisk: ASUS BW-12B1ST Blu-Ray/DVD brännare | CPU-kylare: Noctua NH-U12S | Operativ: Windows 11
Övrigt: Nintendo Switch, NES Mini, SNES Mini, Nintendo New 3DS, NES, Famicom AV, Famicom Disk System, PS3, PS5, AppleTV 4K, Synology NAS DS923+ (32GB), iPhone 14 Pro 128GB, LG OLED 55C2,

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara