De Help Desk punt NL
Kennisbank
De Helpdesk > De Helpdesk > Kennisbank

Leuke manieren om foto’s op je website te zetten

Oplossing

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.)

 
Was dit artikel bruikbaar? ja / nee
Gerelateerde artikelen Over afbeeldingen en html-codes
Organiseer je website-foto’s in een fotogalerij
Thumbnails maken: stap voor stap
Ik zie een rood kruisje in plaats van mijn foto!
Maak ook de foto’s op je website responsive!
In 9 stappen een prachtige slideshow maken
JPG, GIF, PNG of SVG?
Hugin panorama foto
Hoe geef je je website een foto als achtergrond?
Website maken sitemap
Artikel details
Artikel ID: 635
Categorie: Een eigen website maken - Afbeeldingen
Zoekwoorden HTML, foto, web, site, website, code, collage, plaatsen, maken, slideshow
Datum toegevoegd: 4-Dec-2017 17:48:13
Aantal bekeken: 3054
Beoordeling (Stemmen): Artikel beoordeeld 5.0/5.0 (1000)

 
« Ga terug