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. Dersom du er interessert i å følge med på hva Martin skriver, finnes det flere måter å holde deg oppdatert på. Les mer...

Flere artikler

Enda flere artikler? Besøk arkivet.

Martin Koksrud Bekkelund

Martin Koksrud Bekkelund

Bekkelund.net 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...

Følg Martin

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

Søk

© 1995-2016 Martin Koksrud Bekkelund
OpphavsrettRSS og abonnementKontakt