In den Teilen 1 und 2 wurde schon so einiges bewältigt. Alles ist bereit für Verwendung von Bildern mit dem WYSIWYG-Editor. Für den Redakteur ist ist es nun ein Leichtes, Inhalte mit Bildern zu versehen. Widmen wir uns nun dem angestrebten Lightbox-Effekt zur Klickvergrößerung.

Hier sammle ich ein paar Links um diese schnell für eine Drupal-Installation zur Hand zu haben.

Willkommen zum Teil 2 dieser Serie. Im Teil 1 wurden die benötigten Module ausgewählt und entpackt. Auch TinyMCE wurde bereits für Drupal verfügbar gemacht.

Christian Heilmann (Yahoo-Web-Evengelist, @codepo8) hat auf der auf der BOA2009 einen höchst interessanten Vortrag zum Thema Barrierefreiheit im Netz der Daten gehalten. Das klingt erst mal langweilig, ist es aber überhaupt nicht, denn der Kerl blubbert nicht, er lebt seinen Vortrag!

Hier die Mission: Der Drupal-Redakteur soll mit maximaler Flexibilität und höchstmöglichem Komfort Bilder in seine Texte einfügen können. Die Uploadgröße muss vom Admin kontrollierbar und die möglichen Bildgrößen vom Redakteur auswählbar sein.

Mit diesem Code kann man in der Action die Optionen der Selectbox anpassen. In der Formular Klasse (in der configure() methode) müssen bereits choices definiert sein, sonst gibt es einen Fehler, wenn das Form initialisiert wird.

Die Extension indexed_search wird mit TYPO3 ausgeliefert und ist für die meisten Fälle absolut brauchbar. Betreibt man jedoch eine mehrsprachige Seite, kann es zu einem Problem kommen: Sollen externe Dokumente indexiert werden, so werden diese nur der Standardsprache zugeordnet.

Leider steht FireShot nur für die Windows-Version des Firefox zur Verfügung. Jetzt gibt es auch die Benutzer anderer Betriebssysteme eine praktische Lösung von Aviary. Das besondere: Es spielt überhaupt keine Rolle, welchen Browser man verwendet, da es sich um eine Webbasierte Lösung handelt.

Nach dem Anfertigen des Screenshots stehen verschiedene Werkzeuge zur Bearbeitung des erstellten Bildes zur Verfügung. So kann man Markierungen, Pfeile und Text hinzufügen.

Lightbox-Effekte für die Klickvergrößerung bei Bildern sind schick und mittlerweile gelebte Praxis. Für TYPO3 gibt es einige Extensions, mit denen man Lightbox-Effekte nachrüsten kann. Jedoch muss man nicht unbedingt auf eine Extension zurückgreifen. Manchmal ist es auch gut, wenn man das per TypoScript löst, weil man dann die volle Kontrolle über das Rendering behält. Natürlich soll bei tt_news der gleiche Effekt bei Klickvergrößerung genutzt werden. Ich setze gerne Fancybox ein. So kann man das für normale Content-Elemente einbinden: