PTP ist eine neue Rubrik, in der ich ab heute (wie immer unter MIT-Lizenz) alle Mootools-Klassen ablade, die im Laufe der Zeit so bei meiner Arbeit anfallen. Und wenn man Mootools mit Verstand einsetzt, sind das ja so einige. Heute: imageRollover. Der Effekt ist nichts neues, aber ich brauchte etwas, das beim Ersetzen von Bildern die Positionierung (float
, position
etc) nicht vergisst und sowohl mit Strings als auch mit HTML-Elementen zu füttern ist. Download:
- Komprimiert (2 kB)
- Unkomprimiert (3 kB)
Benutzung:
new imageRollover({ image, content });
image
muss einimg
-Element seincontent
kann ein String oder ein beliebiges Element sein
Farben und so weiter sind nicht fest einprogrammiert, man kann einfach das Element .imageRollover-rollover
mit CSS stylen. Was ich mir noch als sinnvolle Features für die Zukunft vorstellen könnte, wären konfigurierbare Effekte und die Möglichkeit, die Klasse mit Collections statt nur mit Einzelelementen zu füttern. Vielleicht eines Tages …
Kommentare (3)
JumpingPixel ¶
19. März 2009, 22:08 Uhr
Da bin ich ja echt mal gespannt was da noch so kommt. Ich bin zwar im Moment eher ein Freund von jQuery aber ich lasse mich gern eines besseren belehren.
Kannst du mir bitte per Twitter oder Mail den Link zu der Mootools-Form-Validierung schicken. Ich finde irgendwie nix dazu. (Oder ich bin zu doof zu lesen ... das wird es sicher sein)
mfg
JumpingPixel
Peter ¶
19. März 2009, 22:15 Uhr
FormValidator ist Teil des neuen Mootools-More, das z.Z. in der Beta/RC-Phase ist. Download hier, Dokumentation dort.
Nico ¶
21. März 2009, 12:13 Uhr
Ich muss schon sagen, also von Anfang hat mir Mootools eher zugesagt als jQuery. Das mit dem imageRollover werde ich vielleicht beim nächsten Projekt mal ausprobieren gefällt mir sehr gut!