Mijn-eigen-website.nl

Websitebouw voor doe-het-zelvers (zonder WordPress)

Leuke manieren om foto’s op je website te zetten

Een galerij, een slideshow, een collage... Meerdere manieren voor de presentatie van de foto’s op je website.

Wil je een verzameling foto’s op je website laten zien, dan kun je die natuurlijk allemaal naast en onder elkaar zetten, maar dat maakt je pagina er meestal niet aantrekkelijker en overzichtelijker op. Gelukkig zijn er ook andere manieren. Hieronder een paar suggesties:

  • Is de verzameling foto’s die je wilt laten zien niet al te groot, dan zou je een fotogalerij van verkleinde versies van je foto’s kunnen maken. Om de normale versie van een van die foto’s te zien te krijgen, moet je dan op een van die kleine foto’s (ook wel thumbnails genoemd) klikken. Op een andere pagina heb ik een voorbeeld van zo’n galerij neergezet, en uitgelegd hoe je zoiets maakt. (Bijzondere fotogalerijen vind je bij SimpleViewer – bijvoorbeeld hun Postcardviewer.)

  • Een slideshow, waarbij je foto’s vanzelf in een frame ‘voorbijglijden’.
    Ook van een slideshow vind je een voorbeeld plus installatie-instructie op deze site.

  • Een combinatie van fotogalerij en slideshow. Heb je héél veel foto’s, dan kun je misschien beter gebruikmaken van een combinatie van fotogalerij en slideshow. Scripts voor zulke combinaties vind je ook weer bij SimpleViewer (zoals de SimpleViewer Gallery en de Juice­box). De thumbnails van de foto’s die je wilt laten zien worden daarbij niet allemaal tegelijkertijd vertoond, maar in groepen van een kleiner aantal naast of onder de grote versie van een van de foto’s.

    voorbeeld van een fotocollage
  • Een collage (foto’s die naast en/of onder elkaar zijn geplaatst en samen één grote afbeelding vormen). Een voorbeeld daarvan vind je hiernaast. Deze fotocollage heb ik gemaakt met behulp van Pixlr Express. Hiermee kun je je foto’s op allerlei manieren laten rangschikken, en er ook een aantal effecten op toepassen. (Het rafelige randje om het voorbeeld hiernaast is het resultaat van een van deze effecten.)