5 svar · 660 visningar · startad av m_soderlund
Jag funderar på hur man ska kunna göra ett fotogalleri mer tillgängligt och användarvänligt, och då tänker jag främst på alternativen som finns när visning av enskilt foto ska ske:
- öppna i samma fönster
- öppna i nytt fönster (med target-attributet)
- öppna i nytt anpassat fönster (med javascript)
Om man ska visa ett foto i samma fönster som själva galleriet där tumnaglar visas och ska tillbaka så kanske den sidan inte är cachad - och i så fall laddas om. Onödigt. Dock kan användaren själv bestämma hur denne vill se fotot - i nytt fönster/ny flik eller i samma fönster.
Om man öppnar i nytt fönster med target-attributet.. ja, fine men då styr man användaren för mycket kanske?
Och samma sak med nytt javascriptfönster..
Så.. vad finns det fler för alternativ och hur hade du gjort?
javascript kan ju göras lite bättre än de flesta popup-fönster.
onclick="window.open(this.href, 'popupwindow', 'width=442,height=540,scrollbars');
return false;"
Så kan användaren bestämma lite själv vad hon/han vill göra. Öppna nytt fönster/tab osv. Visst, den öppnas alltid i nytt fönster (du kan sätta storlek) så den oanvändarvänliga biten blir man inte av med.
Att öppna nya fönster med javascript är särskilt värdelöst eftersom skrollister ofta plockas bort, likaså adressfältet och navigeringsknappar. Hur ska man exempelvis ta reda på adressen till bilden utan att högerklicka och välja egenskaper?
Då förefaller det sig naturligt att öppna nytt fönster med target-attributet, men då styr (tvingar) du ju över användarens webbläsare.
Öppna i samma fönster är bäst. Ännu bättre kan vara om man har en extra länk som heter "öppna i nytt fönster" (kanske kan illustreras med en bild?). Då kan användaren välja helt själv. Fast om man måste rangordna så är samma fönster att föredra.
Man kan med js ändra de "features" man vill ha kvar - adressfält, statusfält, osv. Se Gecko DOM Reference: window.open( ) method.
Dock skulle jag öppna i samma fönster och se till att man lätt kan komma till nästa bild, föregående bild samt tillbaka till "start". Om du har med dessa länkar i HEAD kan användaren dessutom använda de navigeringsverktyg som finns i webbläsaren för att navigera framåt och bakåt. (Opera har ett verktygsfält och snabbkommandon för detta, och Mozilla har en extension för navigeringslänkar.) :)
<link rel="up" href="/fotogalleri/" title="Fotogalleri">
<link rel="first" href="/fotogalleri/bild-1" title="Bild 1">
<link rel="prev" href="/fotogalleri/bild-5" title="Bild 5">
<link rel="next" href="/fotogalleri/bild-7" title="Bild 7">
<link rel="last" href="/fotogalleri/bild-33" title="Bild 33">
[edit] Och så de vanliga synliga länkarna kan till exempel märkas upp såhär (dock finns det säkert andra sätt som är lika bra). :)
<dl>
<dt>Upp</dt>
<dd><a href="/fotogalleri/">Fotogalleri</a></dd>
<dt>Första</dt>
<dd><a href="/fotogalleri/bild-1">Bild 1</a></dd>
<dt>Föregående</dt>
<dd><a href="/fotogalleri/bild-5">Bild 5</a></dd>
<dt>Nästa</dt>
<dd><a href="/fotogalleri/bild-7">Bild 7</a></dd>
<dt>Sista</dt>
<dd><a href="/fotogalleri/bild-33">Bild 33</a></dd>
</dl>
[/edit]
Detta är kanske inte den populäraste lösning för sådana som vill göra allt själv. Men jag orkade bara inte göra allt själv och när jag såg JAlbum, och hade provat det och jämfört med andra alternativ då tyckte jag det bara var helt underbart, väldigt kraftfullt ocjh konfigurerbart med Java-språket i ryggen, kolla mitt fotoalbum här som jag fixat så det passar som jag vill: fotoalbum
Min favorit är Dannys förslag. Man behåller en (i vissa fall begränsad) översikt över de andra korten, samtidigt som man får se en större version av kortet man klickat på. Adressen är väl synlig för varje kort (med serverscript) och layouten behöver inte förändras så att besökaren får känslan "vart tog jag nu vägen". Att öppna endast fotot i ett nytt fönster är en bra valmöjlighet också.
