Martin Koksrud Bekkelund

Martin Koksrud Bekkelund

Teknologi • Samfunn • Politikk

Integrasjon av Plogger og Lightbox JS

27.12.06

I forbindelse med fotogalleriet på Greatest Bits, hadde jeg lyst til å lage noe fancy som samtidig var funksjonelt. Løsningen jeg har testet ut er Lightbox JS integrert med det eksisterende fotogalleriet Plogger.

Litt bakgrunn

Lightbox JS

Fra Lightbox JS’ nettsted, fritt oversatt:

Lightbox JS er et enkelt, beskjedent skript for å overdekke bilder på en side. Det er enkelt å sette opp og fungerer i alle moderne nettlesere.

Beskrivelsen er ikke nødvendigvis veldig god, så jeg går like gjerne for min egen: Lightbox JS er et sett JavaScript som tilbyr ekstra visuell effekt ved fremvisning av bilder. Demo finnes på Greatest Bits.

Plogger

Fra Ploggers nettsted, fritt oversatt:

Plogger er neste generasjon programvare for fotogalleri, basert på åpen kildekode

Jeg har benyttet Plogger i noen anledninger, og det er så langt jeg har sett definitivt den beste applikasjonen for webbaserte fotogalleri.

Slik går du frem

  1. Åpne din favoritteditor, åpne Plogger-filen «gallery.php» og søk frem følgende streng:
    <a accesskey="v" href="'.$config["baseurl"].'images/'.$row["path"].'">'.$imgtag.'</a>. Strengen erstatter du med følgende streng:
    <a accesskey="v" href="'.$config["baseurl"].'images/'.$row["path"].'" rel="lightbox">'.$imgtag.'</a>. Last deretter opp filen til ditt nettsted.
  2. Pakk ut og last opp Lightbox JS i henhold til installasjonsveiledningen.
  3. Åpne Lightbox JS-filen «lightbox.js» i mappen «js» og søk frem følgende streng: var fileLoadingImage = "images/loading.gif";. Denne endrer du til var fileLoadingImage = "/images/loading.gif";. Tilsvarende gjør du for linjen under, det vil si legger til / foran «images«.
  4. Last opp lightbox.js på nytt.
  5. Test herligheten. Fungerer det ikke har du gjort noe galt.

Fotogalleriet degraderer, det vil si at den fungerer også for de uten støtte for JavaScript.

Eventuelle feil og tilbakemeldinger kan postes som en kommentar. :-)

Martin skriver regelmessig om hvordan teknologi, samfunn og politikk påvirker hverandre. Legg igjen din e-postadresse og få nye artikler via e-post:

Flere artikler

Enda flere artikler? Besøk arkivet.

Om Martin

Martin Koksrud Bekkelund

Dette er Martin Koksrud Bekkelund sitt private nettsted, hvor han skriver om samspillet mellom teknologi, samfunn og politikk. Martin arbeider til daglig som direktør for produkt- og forretningsutvikling i et av Norges største selskaper. Les mer...

 

Facebook Twitter Instagram LinkedIn GitHub SlideShare Martin Koksrud Bekkelunds RSS-kanal

© 1995-2016 Martin Koksrud Bekkelund
OpphavsrettRSS og abonnementKontakt