Jouw online foto’s in Flash weergeven

Wil je op een redelijk eenvoudige manier je foto’s online publiceren, maar moet dat wel in stijl gebeuren? Dan moet je vooral verder lezen! In dit bericht zal ik beschrijven hoe je gemakkelijk foto’s kan publiceren in Flash zonder maar enige kennis te hebben van hoe je een Flash-object maakt en hoe het werkt. Enige kennis van HTML is mooi meegenomen maar totaal niet vereist. Kijk voor een voorbeeld onderaan dit bericht.

Wat heb je nodig?

• Een Flickr-account (van Yahoo) of een Picasaweb-account (van Google)
• Webruimte. Je kunt hier de gratis webruimte voor gebruiken die je mogelijk bij je internetabonnement hebt gekregen (zoals dit van Tele2), maar mooier is natuurlijk als je webruimte onder een eigen domeinnaam hebt.
• HTML-editor. Je kunt hiervoor Windows Kladblok gebruiken of software dat speciaal is gemaakt voor het bewerken van HTML, zoals MS Frontpage, Adobe Dreamweaver of een gratis programma zoals bijvoorbeeld Nvu.
• en natuurlijk digitale foto’s, internet, een logisch denkvermogen en ga zo nog maar even door!

(Heb je een website die op WordPress draait? Klik dan hier)

Stap 1

Zorg ervoor dat je een fotoalbum met foto’s hebt staan op je Flickr of Picasaweb. Hoe dit precies werkt, wordt het beste uitgelegd op de website van desbetreffende dienst. Foto’s uploaden naar Picasaweb kan zowel via de website als door gebruik te maken van het programma Picasa.

Stap 2

Ga naar http://picasna.com/ en kies op de pagina ‘Widget’ voor Flickr of Picasa. Vul hier de gegevens in van jouw account en het album.

Picasaweb: Jouw gebruikersnaam en de exacte titel van je Picasa-album vind je in de URL als je het album op Picasaweb bekijkt. Het komt overeen met de titel van het album, maar daarbij begint elk woord met een hoofdletter en zijn er geen spaties tussen de woorden.De ‘Authkey’ is alleen van toepassing als je de zichtbaarheid van je fotoalbum hebt ingesteld op ‘Niet vermeld’. De ‘Authkey’ wordt in dat geval ook in de URL weergegeven als je het album in Picasaweb bekijkt. Kopieer dit, maar zonder het eventuele ‘hekje’ (#) aan het eind.

Flickr: Jouw gebruikersnaam en de ‘Set ID’ van je Flick-album vind je in de URL als je een ‘set’ op Flickr bekijkt. Jouw gebruikersnaam staan in het middel van de URL en de ‘Set ID’ staat tussen één na laatste en de laatste slash (/).

Als je alles ingevuld hebt, kun je eventueel nog wat experimenteren met de ‘Advanced settings’, maar dit is niet vereist. Klik vervolgens op ‘Generate’. Als je alles goed in hebt gevuld, wordt er een voorbeeld weergegeven. Ook verschijnt er een code in het ‘Embed code’ gedeelte. Kopieer deze code door er op te klikken en te kopiëren met Ctrl+C.

Stap 3

Open een leeg bestand in je HTML-editor of met Windows Kladblok. Indien je gebruik maakt van een HTML-editor denk er dan wel om dat je de code-weergave gebruikt. Plak nu de ‘Embed code’ in de ‘Body’. Sla het bestand op als .html-pagina zonder eventuele objecten/afbeeldingen daarbij op te slaan. Als je wilt weten wat het resultaat is, kun je het bestand openen in Internet Explorer of een andere webbrowser. Zoals je merkt is de opmaak erg eenvoudig en saai. Je kunt hier verandering in brengen door het verder te bewerken met je HTML-editor.

Stap 4

Het enige wat nog gedaan moet worden, is het HTML-bestand uploaden naar je webruimte. Vaak zal dit via een FTP-verbinding moeten, maar het kan ook dat het mogelijk is via de account van je internetprovider, zoals bij Tele2 het geval is. Hoe dit precies in zijn werk gaat, vind je waarschijnlijk op de website van de organisatie die je webruimte beheert. Anders biedt Google wel een oplossing.

Als je dit hebt gedaan, surf je naar de plaats op internet waar het bestand staat (in mijn geval is dat http://members.tele2.nl/peterberger/ ). Door de link kenbaar te maken aan vrienden, familie en kennissen, kunnen ze jouw foto’s op een spectaculaire manier bekijken, zonder dat ze jouw foto’s kunnen opslaan.