Webben som galleri

Det stilles større krav til innhold på web, enn på museum. Det er min antagelse om utstillinger i webformat, et tema jeg har holdt meg unna lenge, på tross av at det til stadighet er aktuelt ved instituttet. Nå har jeg hatt min første virkelig positive webgalleri-opplevelse.

Ordet galleri har flere betydninger, de fleste av dem i området arkitektur/rombeskrivelse. Som siste punkt på ordnett.nos liste finner vi det jeg selv tenkte først: kunstsamling, kunstmuseum. På nett brukes ordet utelukkende(?) i denne betydning, og som oftest til å beskrive en samlinger bilder. Bildesamlinger har kanskje et fortrinn på formidlingsfronten på nett?

Bildesamlingen ved Universitetsbiblioteket i Bergen har et betydelig materiale på nett. Dette har slett ikke imponert med tidligere, men når jeg fant et tema som faktisk interesserer litt, selektert ut av Billedsamlingen med god hjelp av skoleelev Frida Lunde Høysæter, så lar jeg meg engasjere.

Jeg liker dette av flere årsake. Både er fotturisme et pussig tema og gjøren, som jeg også liker å bedrive selv. Videre bor jeg rett på nedsiden her, og videre ser vi Møllenpris i bakgrunnen, ganske ulikt fra hvordan vi kjenner stedet i dag.

Jeg liker dette av flere årsaker. Både er fotturisme et pussig tema og gjøren, som jeg også liker å bedrive selv. Videre bor jeg rett på nedsiden her, og vi ser Møllenpris i bakgrunnen, ganske ulikt fra hvordan vi kjenner stedet i dag. Til sammen et kideregg fett nok til å la meg engasjere av et webgalleri.

«Friluftsliv i Byfjellene – Vindusutstilling om friluftsliv i Byfjellene» heter utstillingen, som kun rommer et fåtall bilder.
Vindusutstilling?
– Kanskje er dette stilt ut i et fysisk vindu? Eller er de bare veldig GUI-baserte på bildesamlingen? Uansett, det ordet har levetid.

Bildene engasjerer utelukkende pga deres innhold og valgene bak seleksjonen. Webløsningen er slett ikke imponerende. Et museumslokale eller galleri er ofte ganske flotte, og det assosieres nok fortsatt med status og kulturell kapital å henge på galleri. Disse egenskapene arver ikke webben, og det er delvis derfor jeg mener innholdet må være enda bedre for å være spennende på nett. Det holder ikke bare å dumpe alt på nett, vi må gjøre som Frida Lunde Høysæter; velge et tema og fortelle en historie.

Om du noen gang har vært i Bergen, eller er opptatt av fotturer; ta en titt på utstillingen. Jeg likte den godt.

Satellite(n) over flickr farmen

For at Satellite skal funke må du oppdatere stiene til flickrs servere. Det holder ikke lenger med static.flickr.com/.

Satellite er fin programvare:)

Satellite lar deg vise dine flickr-bilder på websiden din, langt ut over hva f.eks. flickr badges gjør.

Der skremte jeg nok vekk alle ikke-nerder; men altså:
Før var stiene til flickrs bilder tilgjengelig under static.flickr.com. Nå må vi presisere hvilken farm (antar flickr har vokst seg ganske stor..) filen er parkert i. Ala: farm3.static.flickr.com.

For å rette opp elendigheten for de som bruker Satellite php til å vise flickr bilder på sin hjemmeside, må følgende grep gjøres. Jeg antar dette bare gjelder for 1.0 av Satellite. Aner ikke med 1.5.

Bytt ut alle URLer som inneholder «static.flickr.com/$server/$id…» med noe slikt:

http://farm".$farm.".static.flickr.com/".$server."/".$id."_".$secret."$size.jpg

Det er http://farm».$farm.».static som er viktig. Få inn bokstavene «farm» og id på denne. Til sammen blir det farm1.static… hvor tallet 1 endrer seg.

Så må du sørge for at denne nye variabelen $farm gjør noe:

foreach ($photos as $photo) {
if ($i==$which) {
$id = $photo['id'];
$server = $photo['server'];
$secret = $photo['secret'];
$farm = $photo['farm'];
...

Det er igjen farm som er nytt og viktig: $farm = $photo[‘farm’];.

Ekesempelet her er fra linje 71 i preferences.php. For hver URL du bytta ut og fikk med farm».$farm.».static.flickr.com, må du gjørre dette. Altså lage variabelen $farm og hente ut verdiene med denne i $noe[‘farm’]:

I alt en enkel sak om ikke bør by på for mange utfordringer. For enkelhetsskyld legger jeg ved en tekstfil min min preferences.php.

Satellite funker igjen på stavelin.com/photo

Satellite funker igjen på stavelin.com/photo.

Resultatet ser helt likt ut som før: stavelin.com/photo.

Hvordan du kan få Satellite til å leke pent med flickr har jeg skrevet om før, under WordPress møter flickr.

Fancybox, en god løsning?

For drøye to år siden testa jeg en lightbox-løsning for bilder her på bloggen, pga manglende støtte på tvers av nettlesere kastet jeg den ut, på tross av at jeg selv synes det er en god ide. Nå prøver jeg meg på nytt, med fancybox.

Fancybox er en plugin til jquery. Tidligere har jeg brukt prototype.js som bibliotek, og utvidet med script.aculo.us for effekter/GUI. Jeg har ikke gått over måte grundig til verks på disse to alternativene (prototype vs jquery), men har brukt begge til et utvalg oppgaver. Jquery er min utvilsomme favoritt.

Hvorfor jeg mener fancybox er et godt valg.

Fancybox & Jquery krever ikke at xhtml’n er klargjort på noen måte. I den grad javascript ikke er skurdd på i nettleseren, så vil bildene vises som normalt, og lenkes til på en primitiv, men enkel måte. Koden vil se omtrent slik ut.

 

Så må fancybox aktiveres for disse, eller denne typen lenker.

$(document).ready(function() { 
	$("p#test1 a").fancybox();
});

Denne sier at a-er (lenker) inne i en p med id=test1 skal det aktiveres fancybox for.
For blogger kan det være lurt å skrive en mer generell regel, slik at framtidige bilde vill bli telt med.

	$("div.entry a[href*='.jpg']").fancybox({'overlayShow': true });

Her sier jeg ”alle lenker som går til .jpgbilder, som finnes inni diver med klassen entry”. Dvs alle bilder som havner inne bloggposter i wordpress.
Overlay er en av flere variasjoner denne pluginnen støtter, du kan se alle på fancy.klade.lv

Så til spørsålet; er dette brukervennlig? Overrasker vi brukere med slike løsninger? I den grad vi gjør det, er den en posivit eller negativ overraskelse?

Er det noen som har argumenter for at vi ikke bør bruke løsninger av lightbox/facybox typen?

Så en smaksprøve

Noen bilder fra en tur til London for noen år siden

Disse er ganske store fra før, men lat som om det er thumbnails vi ser her :)



Grupper

Noen ganger kan det være hensiktsmessig å gruppere bilder til sett, dette gjøres med ‘rel’ attributten på lenken. Under ser du jquerycoden for å gøre dette automatisk på alle, uten å faktisk skrive denne koden.
Nå vil alle lenker til bilder inni poster (alle poster på en pageload) bli samme galleriet

	$("div.entry a[href*='.jpg']").addClass("external").attr({ rel: "sammegruppe" });

(Her er det en innlysene svakhet i at bilder fra andre poster kommer med i gruppen, her er det tydelig at jeg må skrive om reglen som grupperer, men det kan vi ikke holde i mot selve pluginnen.
Plugin er btw et kipt ord på Norsk, jeg tror jeg fra nå skal bruke ‘innstikk’)

Indirekte digget

I dag fikk jeg en mail fra en kamerat, Joakim, men følgende subject: ”you have been dugg”.

you have been dugg

Det viste seg å være en nettside, abduzeedo.com som har samlet bilder med kreativ bruk av lang lukkertid, som ble digget. Bilde nr3 fra toppen er fra min flickrkonto, og teksten jeg er i gang med å “lystagge”, er STAVELIN.COM :)

Lystagger. S-T-A-V-E..

Lystaggerbildet som på abduzeedo, sammen med andre liknende bilder, ble digget.

Dette er ikke første gang mine ting på nettet har dukket opp i rare sammenhenger, tidligere ting kan du bl.a lese om her.

Så takk til Joakim for å si i fra, og til abduzeedo-folka (hvem nå enn dere er) får å velge ut mitt bilde. Til slutt vil jeg takke juryen, diggere, min mor og spagettimonsteret. Takk.