TYPO3, iOS & Web-Development Blog

Bugfreie Effekt-Navigation mit script.aculo.us

Hier zeigen wir euch, wie ihr ein schönes, bugfreies Effekt-Menü mit Hilfe von script.aculo.us zaubern könnt.

Der Nachteil solcher effektvollen Navigationen ist, dass sich diese – ohne spezielle Sicherheitschecks – von selber „kaputt-effekten“. In unserem Script sind einige solcher Sicherheitschecks für ein (fast) reibungsloses Effekt-Menü – wie oben zu sehen.

Das hier zur Verfügung gestellte Script lässt ein Menü via script.aculo.us nach unten und oben blenden. Die „Unternavigation“ steht dabei unter dem eigentlichen Menüpunkt. Falls ihr einen anderen script.aculo.us Effekt wünscht, müsst ihr lediglich die Effekte in diesem Script wechseln und gegenfalls etwas Feintuning betreiben.

Lasst uns beginnen. An sich ist es sehr einfach diese Script in eine Website einzubinden. Zunächst benötigen wir jedoch die Navigation, auf welcher wir den Effekt anwenden möchten.

Weiterlesen

Alternativer Lightbox 2 Bildtitel: Wahlweise ohne MouseOver-Effekt

Wenn ihr das hübsche Bildpopup Lightbox 2 kennt, werdet ihr vielleicht einmal vor dem Problem stehen, dass ihr der Lightbox einen etwas längeren Bildtitel mitgeben möchtet. Bildtitel werden der Lightbox über das Titel-Attribut im Link um das Bild zugewiesen, daher wird bei einem mouseOver über dem Bild dieser (in dem Fall sehr lange) Titel angezeigt.

Heute zeigen wir euch, wie ihr die Lightbox so modifizieren könnt, dass ihr Beispielsweise einen Bildtitel im Lightbox Popup zu sehen bekommen, jedoch keinen beim mouseOver über dem Bild.

Die Modifizierung der Lightbox bezieht sich auf Version 2.04. Diese könnt ihr hier herunterladen.

Weiterlesen