HTML: 2 plaatjes naast elkaar tonen, optioneel vergroten

[mrmrmr]

Ik ben op zoek naar een html/css/js-template of WP-plugin of PHP programma die sets van 2 afzonderlijke -maar bij elkaar horende- plaatjes direct naast elkaar toont met een onderschrift, met de mogelijkheid om te vergroten. Met pijltjes links en rechts voor navigatie. De plaatjes hebben een groot canvas (tot 2500 x 2500 pixels) en moeten dus standaard kleiner worden weergegeven en worden vergroot als de gebruiker het muiswieltje gebruikt.

Client is een desktopbrowser.

Onder Windows 11 is er Microsoft Photos dat zoiets lokaal biedt, maar die laat het per plaatje zien. (zonder 'filmstrip' onderaan)

Het is niet de bedoeling de twee plaatjes samen te voegen omdat ze kunnen worden verplaatst.

Kan draaien op een zelf beheerde VPS met Apache webserver met PHP8 onder Linux.

Simpele HTML editen is geen probleem, maar ik ben geen webdeveloper. Ik probeer het wiel niet opnieuw uit te vinden. Een oplossing die ook lokaal werkt zou handig zijn.

Dit is echt een ervaringsvraag, er zijn heel veel plugins en dergelijke, maar uitzoeken of ze voldoen is een probleem. Ik heb voorbeelden gevonden die een deel van de functionaliteit bieden (bijvoorbeeld plaatje vergroten met css), maar ik ben nog niets tegengekomen dat het geheel biedt.

[skate master]

Welke plugins heb je al bekeken en voldoen niet of maar deels?

Je beste kans maak je met een Carousel plugin.
Bij onderstaande plugin kun je het aantal kolommen instellen, denk dat je zoiets zoekt.
https://nl.wordpress.org/plugins/wp-carousel-free/

[RM-rf]

mrmrmr schreef op dinsdag 21 november 2023 @ 15:23:

Dit is echt een ervaringsvraag, er zijn heel veel plugins en dergelijke, maar uitzoeken of ze voldoen is een probleem. Ik heb voorbeelden gevonden die een deel van de functionaliteit bieden (bijvoorbeeld plaatje vergroten met css), maar ik ben nog niets tegengekomen dat het geheel biedt.

als het enkel jouw specifieke persoonlijke eisen zijn, ben je toch echt de enige die dit goed uit kan zoeken.
als je het zelf te moeilijk vind bepaalde aanpassingen te doen, is het ook zinloos wel exacte eisen te gaan stellen die je zelf niet kunt uitvoeren...


Goede standaard image-viewers in HTML/Javascript/css zijn:

VenoBox 2
https://veno.es/venobox/

PhotoSwipe
https://photoswipe.com/

SimpleLightbox
https://simplelightbox.com/

Fullscreen Lightbox
https://fslightbox.com/

maar het is aan jouw je eigen requirments op te stellen en te cotroleren hoezeer deze opties (of anderen die je kunt vinden) eraan voldoen en/of je er zelf goed mee om kunt gaan

[mrmrmr]

Het is voor cultuurdoeleinde (budgetloos).

Ik heb naar css code gekeken op JSFiddle. Maar daar niets bruikbaars gevonden met wheel. Dat zijn vooral onuitgewerkte stukken css. Ik heb gekeken in de plugins van Wordpress, maar de informatie die daar gegeven wordt kan je (ik althans) niets mee, het is vaag.

Vandaar deze specifieke vraag over twee plaatjes naast elkaar.

@skate master Ik denk dat het daarmee mogelijk is om twee plaatjes naast elkaar te tonen, maar zou het ook per 2 kunnen tonen? Dus niet 1 opschuiven, maar 2?

De twee plaatjes horen namelijk naast elkaar te worden weergegeven (zoals voor en achterkant van een object).

@RM-rf Bedankt voor de links!

VenoBox 2 heeft geen vergrootfunctie aan de demo te zien.
PhotoSwipe heeft links/rechts pijlen, en klik-vergrootfunctie.
Fullscreen Lightbox heeft links/rechts pijpen, geen vergrootfunctie in de basic versie.

SimpleLightbox heeft links/rechts pijlen, en muiswielvergrootfunctie (down=groot op Firefox, omgekeerd aan Photos). Weet iemand of dat kan worden gebruikt voor twee plaatjes naast elkaar? Er staat niets over in de readme.md/docs zo te zien.

Dit vond ik ook nog op stackoverflow: https://codepen.io/fancyapps/pen/OWObor
Heeft geen vergrootfunctie.

Dit is ook aanpasbaar voor twee plaatjes: https://www.w3docs.com/tools/code-editor/3718
Maar ook hier geen vergrootfunctie.

[ Voor 9% gewijzigd door mrmrmr op 22-11-2023 02:57 ]

[skate master]

mrmrmr schreef op dinsdag 21 november 2023 @ 22:49:

@skate master Ik denk dat het daarmee mogelijk is om twee plaatjes naast elkaar te tonen, maar zou het ook per 2 kunnen tonen? Dus niet 1 opschuiven, maar 2?

De twee plaatjes horen namelijk naast elkaar te worden weergegeven (zoals voor en achterkant van een object).

Ik denk dat dat technisch best mogelijk is maar dan moet je de werking van de plugin aanpassen zodat bij een klik op een pijltje er 2 posities gescrolld wordt in plaats van 1.

Wat je zoekt zal zeker geen standaard plugin zijn, en ik betwijfel of het er uberhaupt is.

Wanneer je zelf niet de kennis hebt om de werking van de plugin aan te passen zodat er 2 posities gescrolld wordt denk ik dat je beter kunt overwegen om de 2 plaatjes als 1 plaatje weer te geven.
Hiermee kun je dan op eenvouidge wijze benaderen wat je qua functionaliteit zoekt.