[fp/feat]Vaste afmetingen afbeeldingenpopup in galerij

[Sefyu]

Regelmatig is een afbeeldingengalerij onderdeel van een nieuwsitem of een review. Wanneer je echter op een van de plaatjes klikt waarna de 'popup' verschijnt en je wilt naar het volgende plaatje navigeren dan komt het érg vaak voor dat de verschillende plaatjes verschillende groottes hebben. Hierdoor kan je niet lekker doorklikken omdat bij elke afbeelding de pijl om naar de volgende afbeelding te navigeren, verspringt.

Ik stel dan ook voor om de popup een vaste grootte te geven, of consistent te zijn in de grootte(crop) van de afbeeldingen. Ik snap eigenlijk sowieso niet waarom afbeeldingen met soortgelijke groottes op Tweakers altijd net even anders gecropt moeten worden.

Bij dit artikel bijv.:

nieuws: Cebit: Asus toont HD 5970 Ares en 3DMark Vantage-score

Waarom is de 1e afbeelding 1000px × 610px en de 2e 1000px × 646px? (Dit is natuurlijk niet het meest treffende voorbeeld, maar jullie hebben het vast ook weleens meegemaakt dat in een galerij het ene plaatje 500x500px is, en de volgende 100x810px oid.)

Ik hoop dat het een beetje duidelijk is wat ik bedoel en dat ik het op de goede manier heb gemeld.

[Matis]

Je kan ook gewoon de pijltjes op je keyboard gebruiken

[Sefyu]

Dat is een workaround, en geen oplossing. De optie om op de pijtjes te klikken is er, dus dan kan 'ie net zo goed zo goed mogelijk werken.

Ik ben zelf geen devver, maar ik kan me niet voorstellen dat dit meer dan 2 minuten tijd kost voor een T.net dev.

[moto-moi]

Tsja, technisch gezien kan het, maar er zal vast een reden zijn dat de redactie dit doet, en dat is meer een contentissue, dus ik gooi deze even over de muur naar Geachte Redactie

[Wilbert de Vries]

Dat is niet bewust. Daar waar we hi-res afbeeldingen hebben, gebruiken we die. In de gallery worden deze geresized. Als er een kleinere afbeelding tussen zit, wordt deze op ware grootte weergegeven, wat dus kleiner kan zijn de geschaalde hi-res. Niet altijd even mooi, maar goed, wel prima werkbaar imo.

[Dirk]

Ik vind het verspringen ook irritant. Om de gallery te openen moet ik hem met de muis aanklikken, dus ik navigeer verder ook met de muis. Het is dan heel irritant als je telkens ergens anders moet klikken voor de volgende afbeelding.
Het werkt dus wel, maar niet goed wat mij betreft.

[Obiter dictum]

Mee eens, kan er niet een maat van de popup worden gebruikt die wordt ingegeven door het grootste plaatje, en dat bij de kleinere plaatjes het kader gewoon groter blijft waardoor de pijlen op dezelfde plek blijven?

[crisp]

Obiter dictum schreef op dinsdag 02 maart 2010 @ 12:49:
Mee eens, kan er niet een maat van de popup worden gebruikt die wordt ingegeven door het grootste plaatje, en dat bij de kleinere plaatjes het kader gewoon groter blijft waardoor de pijlen op dezelfde plek blijven?

Dan zou de imageviewer vooraf alle 'grote versies' van de plaatjes moeten gaan inladen om te bepalen wat de grootste is...

Technisch gezien is er een mogelijkheid om een minimale grootte op te geven bij het instantieren van de imageviewer, maar praktisch gezien is het erg lastig om daar in alle voorkomende gevallen gebruik van te maken. Ik denk dat het voornamelijk aan de gebruiker (in dit geval de redactie) is om ervoor te zorgen dat de plaatjes niet teveel uiteenlopen qua grootte. Dat dat niet altijd mogelijk is is jammer maar helaas...

[Obiter dictum]

crisp schreef op dinsdag 02 maart 2010 @ 13:10:
[...]

Dan zou de imageviewer vooraf alle 'grote versies' van de plaatjes moeten gaan inladen om te bepalen wat de grootste is...

Dat is toch eenvoudig uit te lezen uit de exif data? (kan me vergissen hoor...)

[Sefyu]

Ik kan me toch niet voorstellen dat een oplossing zo moeilijk is?

Een mooi voorbeeld van het probleem:

reviews: Preview: HTC Smart, Android-telefoon zonder Android
(overgang van de 4e naar de 5e afbeelding, vreselijk irritant)

Is het niet mogelijk om de navigatieëlementen(de pijlen) op een vaste positie te houden?

[crisp]

Obiter dictum schreef op dinsdag 02 maart 2010 @ 13:28:
[...]


Dat is toch eenvoudig uit te lezen uit de exif data? (kan me vergissen hoor...)

De imageviewer is javascript en draait dus op jouw PC. Hij moet dus de plaatjes downloaden om de afmetingen te kunnen bepalen.

Het klopt dat wij hier aan de serverkant van onze eigen plaatjes wel weten hoe groot ze zijn, maar dat maakt het praktisch gezien nog niet eenvoudig om daar naar de imageviewer toe gebruik van te maken.

[Dirk]

Is het dan niet mogelijk om serverside de grootste hoogte en de grootste breedte te bepalen en dit vervolgens als parameters aan imageviewer mee te geven?

[crisp]

Dirk schreef op dinsdag 02 maart 2010 @ 22:32:
Is het dan niet mogelijk om serverside de grootste hoogte en de grootste breedte te bepalen en dit vervolgens als parameters aan imageviewer mee te geven?

Ja, theoretisch zou dat kunnen, althans voor onze eigen images. Echter is de technische uitvoering niet bepaalt triviaal terwijl dit aan de content-kant veel beter op te lossen is door er gewoon rekening mee te houden door plaatjes van dezelfde afmetingen te gebruiken; dat staat sowieso netter dan een viewer die bijvoorbeeld op 800x600 geschaald wordt door het grootste plaatje en waar vervolgens een plaatje van 400x300 tussen staat met een hoop loze ruimte er omheen...

[Sefyu]

Gezien het gebrek aan verdere reactie van de crew: dit is dus volgens jullie geen optie?

[crisp]

Sefyu schreef op maandag 08 maart 2010 @ 18:53:
Gezien het gebrek aan verdere reactie van de crew: dit is dus volgens jullie geen optie?

Zoals gezegd: een technische oplossing is niet bepaald triviaal te implementeren en daarbij is een oplossing in de vorm van uniforme content veel wenselijker. Hoe dan ook; al zouden we een technische oplossing overwegen (wat dus nog niet het geval is) dan zal het sowieso low-prio zijn...

[roy-t]

Bij veel andere imageviewers zie je meestal dat alle afbeeldingen een standaard grote hebben (ik roep maar wat, 400x300) en dat als je nog een keer op de afbeelding klikt deze resized naar de originele grote. Ik neem dat de redactie wel een soort van minimum afmeting in hun hoofd heeft voor plaatjes in de gallerij misschien dat alles daar naartoe geresized kan worden initieel voor lekker doorklikken (en groter dan de thumbs) en voor echt detail nog een keer klikken?

* roy-t denkt gewoon maar even mee

[Matis]

Dan krijg je weer het cropping-verhaal wat we al vaker in de LD hebben gevoerd. Momenteel worden de thumbnails van afbeeldingen ook altijd in een standaard formaat weergegeven in het forum.

Dat geeft in sommige gevallen een vertekend beeld van de afbeelding. Op een forum is dat niet zo erg, maar op een professionele nieuwssite moet je dat (denk ik) niet willen.

Deze dus: [Fotoalbum] Thumbs net als in FP artikelen => schalen

[ Voor 11% gewijzigd door Matis op 09-03-2010 10:12 ]

[Raynman]

Andere imageviewers laten je op de afbeelding klikken om te navigeren (links voor vorige, rechts voor volgende; imdb heeft nu ook zoiets), wat een veel groter oppervlak geeft. Als je dan een beetje in het midden klikt, hoef je meestal ook bij kleinere afbeeldingen niet de cursor te verplaatsen.