Die Box zum Berühren werden Sie mit ein wenig HTML-Code bauen müssen. Hier bietet sich eine absolute CSS-Positionierung an. In diesem Zuge sorgen Sie auch dafür, dass die Bilder an der richten Stelle erscheinen.
Und im nächsten Schritt brauchen Sie dann JavaScript-Code. Da können Sie sich ein wenig an den Beispielen zum Anzeigen von Informationen bei Maus-Berührung orientieren. Sie haben dann eine Funktion (pro Bild), welche sich um das ANzeigen kümmert und eine für das Ausblenden. Die für das Ausblenden rufen Sie natürlich gleich zu Beginn einmal auf.
Jetzt noch die Zeitmessung. Das erledigen auch gleich Ihre o.g. Funktionen. Und zwar muss die zum Anzeigen des Bildes den aktuellen Zeitstempel in eine JavaScript-Variable schreiben und die andere Funktion muss die Diefferenz rechnen und in einer internen Variable abspeichern. Vorsicht: Wenn dort schon eine Zeit steht, möchten Sie vermutlich addieren.
Wenn Sie bisher noch nicht programmiert haben, dann klingt das jetzt erstmal sehr schlimm. Aber keine Sorge ... Sie bekommen das hin. Starten Sie erstmal mit einer Box und einem Bild. Zu der Zeitmessung hier noch eine Frage mit Beispiel-Code.