Effekt auf Hotelplan
Normalerweise mache ich keine Werbung für Reiseunternehmen, nach dem Vulkanausbruch des Eyjafjallajökull (Mal ehrlich wer kommt auf die Idee und nennt einen Vulkan so? In Island scheinen die Nächte länger zu sein als bei uns, sonst könnte man sich so was nicht ausdenken)
Aber heute hab ich mal eine Reise gebucht, und bin auf der Seite der Helvetischen Reisegesellschaft gelandet und habe da einen reizenden Effekt entdeckt, wie das Leben so spielt finde ich die Seite mit diesem Effekt nicht mehr :(
Na egal, bauen wir diesen Effekt einfach mal nach...
Das Originalbild
Das bearbeitete Bild
Das Bild wird nun in Gimp (Photoshop geht auch ;) ) angepasst, so, dass nur ein Teil eingefärbt ist.
Das macht man, indem man das Originalbild öffnet, den Bereich maskiert und auf eine neue Ebene bringt, danach auf dem Orginal-Layer die Farbe entgernt (Graustufe) und den kopierten, noch farbigen Teil nach unten vereint.
Danach sollte das Bild etwa so aussehen:
ImageCycle
Jetzt verwenden wir ImageCycle um die Magie zu starten:
Ich hatte viel zu tun
Man, das war ein Monat.
- Umzug
- Neuer Fernseher
- Neue Möbel
- Altes Gerümpel in Ricardo stellen
War für kaum was anderes Zeit...
Was hab ich aber in der Zwischenzeit alles verbrochen? Einiges war da schon, mal überlegen. Da war mal der Nivo-Slider:
Nivo-Slider
Heute dann
Hab ich eine Pendez mit dem Cross-Slider abgearbeitet. Das Update wird dann ende Woche im TER zum Download bereit stehen. Hier schon mal der Slider in Aktion.
Cross-Slider
Meine Seite ist jetzt HTML 5 tauglich...
Da die Beschreibungssprache noch in der Entwicklung ist, werde ich das wohl wieder auf XHTML 1.0 Strict umstellen. Es gibt ja nicht mal ein Icon um den Besuchern mitzuteilen, dass die Seite "HTML5"-Ready ist.
Bei der Umstellung habe ich dann gemerkt, dass meine Erweiterungen ImageCycle, ImageCarousel und jfspacegallery einen Fehler verursachen. Das kommt daher, dass diese die longdescURL verwendet das inzwischen deprecated ist (Nur in HTML5).
Wenn man also den Inhalt HTML5-Ready haben möchte, dann muss folgendes TS verwendet werden:
// ImageCycle
plugin.tx_imagecycle_pi1 {
cycle.normal.image.longdescURL >
cycle.header.image.longdescURL >
cycle.content.image.longdescURL >
}
// Coin-Slider
plugin.tx_imagecycle_pi2 {
coin.normal.image.longdescURL >
coin.header.image.longdescURL >
coin.content.image.longdescURL >
}
// ImageCarousel
plugin.tx_imagecarousel_pi1 {
carousel.normal.image.longdescURL >
carousel.header.image.longdescURL >
carousel.content.image.longdescURL >
}
// jfspacegallery
plugin.tx_jfspacegallery_pi1 {
cycle.normal.image.longdescURL >
cycle.header.image.longdescURL >
cycle.content.image.longdescURL >
}