Twins V01 - 16 Kärtchen  100 × 100 Pixel

Wenn sie für den Adventskalender 07 eigene Grafiken hergestellt haben, können Sie die 100 x 100 Pixel großen Grafiken auch für ein Legekartenspiel verwenden.

Dieses Legekartenspiel ist nicht zu verwechseln mit dem Spiel 'Memory', für das ein Hersteller die Markenrechte hält (und ein Anwaltsbüro 2003 kräftig abgemahnt hat). Daher sollte das Spiel auch auf ihrer Seite nicht 'M....' heißen.

Deshalb heist meine Version auch "Twins" (engl. Zwillinge)

(Mal sehen, möglicherweise lasse ich mir nächte Woche einen Gebrauchsmusterschutz für das Einatmen eintragen. Lizenzen können sie dann bei mir erwerben)

Das originale Script von Brian Gosselin habe ich modifiziert. Damit sollten nun auch weniger versierte Webmaster in der Lage sein, eigene Grafiken einzubinden. Außerdem habe ich CSS-Formatierungen eingesetzt, um das Layout ein wenig zu verfeinern. Sie benötigen 8 Grafiken um ihr eigenes, individuelles Legekartenspiel zu erstellen.

meine Modifizierungen Pfadangaben für Grafiken zentralisiert Dateinamen-Eintrag für Grafiken zentralisiert Grafiktyp-Eintrag (gif/jpg) zentralisiert Größenangaben für Grafiken hinzugefügt Randformatierung der Grafiken mit CSS Zeitanzeige nun im Textfeld Startbutton hinzugefügt Zähler für die Anzahl der Versuche Ergebnisausgabe im Formularfeld Formularfeld-Formatierung mit CSS    Minimaler Aufwand Beispiel herunterladen 8 Grafiken einbinden

Mini-Demo (eingeschränkte Funktionen)

Twins V01 01 Weihnachtmotive	Vorschau	Download
Twins V01 02 Fotomotive	Vorschau	Download
Twins V01 04 Braintwister	Vorschau	Download
Twins V01 05 Fotos Mäuse	Demo	mit Grafiken 150 x 150 Pixel

Die im Beispiel verwendeten Grafiken sind 100 x 100 Pixel groß und unter Dateinamen mit fortlaufender Endnummer in einem Unterordner abgelegt (Beispiel: 'memory00.gif' bis 'memory08.gif'). Wenn sie eigene Grafiken verwenden möchten ersetzen sie die im Download enthaltenen Grafiken durch ihre eigenen. Benötigt werden 9 Grafiken, wobei die Grafik mit der Ziffer '0' (Null) am Ende des Dateinamens für das nicht aufgedeckte Kärtchen verwendet wird. Siehe Grafik rechts oben. Die restlichen Grafiken haben die Ziffern '1' bis '8' am Ende des Dateinamens. Ihrer Phantasie sind keine Grenzen gesetzt. Verwenden sie eigene Fotos, das Schullogo oder Bildausschnitte die das Thema ihrer Webseite wiederspiegeln. Für einen Start sind im Download meine Grafiken enthalten die sie gerne (aber ausschließlich für das Legekartenspiel) verwenden dürfen. Bildquelle Cliparts: www.kneller-gifs.de Bildquelle Fotos: eigene Aufnahmen

Die Informationen zu den verwendeten Grafiken werden nun gleich in den ersten Zeilen des Scripts eingetragen. Voraussetzungen: Der Dateiname für die leere Kachel hat die Endziffer '0', die Dateinamen für die 8 anderen Grafiken die Endziffern "1" bis "8"

// hier den Pfad für die Grafiken eintragen
var dpfad = 'images/';

// hier den Namen ohne die letzte Ziffer für die Grafiken eintragen
var dname = 'memory0';

// hier Punkt und Dateiendung für die Grafiken eintragen (.gif / .jpg)
var dende = '.gif';

// hier die Breite für die Grafiken eintragen
var dbreite = 100;

// hier die Höhe für die Grafiken eintragen
var dhoehe = 100;

GIF 100 x 100	blau00.gif	rot00.gif	dunkelgrau00.gif	grau00.gif
JPG 100 x 100	blau00.jpg	rot00.jpg	dunkelgrau00.jpg	grau00.jpg
Kacheln 150 x 150	gif		jpg

.grafik {
border:1px solid #9F9F9F;
}