hoch

Diashow Algarve

Im Oktober 2017 waren wir 1 Woche in den Ferien in Alfamar … einmal das Bild anklicken, um die Diashow zu starten:

Die dortige Hintergrund-Musik ist etwas mit Samples zusammengeklicktes. Weil es schnell gehen musste :-)
Download: mp3 (Axel Hahn; Lizenz: cc 3.0 by-nc-sa)

Artikel weiterempfehlen: Google + Facebook

Diashow: Herbst in Bern

> Diashow starten (für Smartphone-User: Vorsicht Datenmenge!)

2015-11-01-diashow-herbst.png

Ich habe nach einer Diashow gesucht, um mehr meiner Fotos ins Netz zu stellen.

Eine der Möglichkeiten: Fotos im Vollbild.
Die Überblendung rein mit CSS Mitteln fand ich auf tympanus.net. Auf Basis dessen entstand ein erster Prototyp mit Bildern dieses Hersbstes.
Eine PHP-Klasse liest Verzeichnisse, Dateien und Metadaten. Enstpr. Anzahl der Bilder werden HTML-Code und CSS erzeugt. Die Bildreihenfolge ist zufällig und bei jedem Neuladen anders.

Nachteil der Vollbild-Methode:
Meine Bilder sind im Verhälnis 4:3. Je nach Grösse des Browsers, werden Bereiche links+rechts bzw. oben+unten abgeschnitten. Nicht alle Fotos eignen sich dafür.
Ich brauche noch andere Skins, um andere Darstellungen zu ermöglichen, wo man stets das gesamte Foto sieht.

Und noch fehlen mir ein paar Funktionen, die ich noch nachrüsten möchte…

Weiterführende Links:

Artikel weiterempfehlen: Google + Facebook

1. April

2015-04-01-april-karte.png

Artikel weiterempfehlen: Google + Facebook
Tags: Allgemein, Grafik

Osterkarte 2013

Wieder einmal rechtzeitig: Meine animierte Osterkarte mit Sound ist am Wochenende fertig geworden.

2013-03-26-osterkarte.jpg

Osterkarte anzeigen

Artikel weiterempfehlen: Google + Facebook

Der schnellste Weihnachtsmann der Welt

Alle Jahre wieder … male ich zu div. Anlässen meine Karten. Und erstelle elektronische, animierte Varianten mit HTML.

In diesem Jahr entstand die nachfolgende Weihnachtskarte:

2012-12-20-der-schnellste-weihnachtsmann-der-welt.jpg

Zunächst aber entstand die animierte Version. Brainstorming zur Animation und eine erste Skizze auf Papier erfolgte im Zug nach München sitzend.

Einzelgrafiken sind von Hand gezeichnet, dann gescant und in der Bildbearbeitung zugeschnitten und - ganz wichtig - mit Transparenzen versehen.
Die Animation erfolgte per Javascript - es wäre vielleicht auch mit CSS3 gegangen, aber ich war mit jQuery schneller am Ziel.

Ach, ich mache später mal ein ausführlicheres “Making of” und beleuchte dann das Technische genauer.

Schaut es euch an:

2012-12-20-qrcode.jpg

Link: Der schnellste Weihnachtsmann der Welt

Wer mag, kann diese Karte mit einer eigenen Grussbotschaft versehen an Freunde weitersenden.

Artikel weiterempfehlen: Google + Facebook