LautundKlar Webdesign Blog

Hier sind zwei der meiner Meinung nach besten DHTML/JavaScript Bildergalerien.

noobSlide – Mootools Slide Show Image Galleries

noobSlide ist eine auf Mootools basierende Slideshow oder Bildergalerie. Auf der Demo-Seite findet man zur Zeit 8 Beispiele welche die Möglichkeiten dieser Bildergalerie / Slideshow veranschaulichen. Besonders gefallen haben mir Beispiel 6 und 7. In Demo 4 und 8 wird gezeigt, dass man das Skript auch problemlos mit Text-Containern einsetzen kann.

Eine etwas bekanntere Bildergalerie die ebenfalls auf Mootools basiert, aber statt des Slide-Effekts Fading verwendet ist

JonDesign’s SmoothGallery

Auf der Demoseite werden auch hier zahlreiche Beispiele wie “timed gallerie etc.” gezeigt und neuerdings gibt es auch ein Beispiel mit “Sliding Transition”.

Außerdem gibt es von Georg Ringer eine schöne Typo3 Extension, die auf Smoothgallerie basiert:
http://www.rggooglemap.com/dev/rgsmoothgallery/

Popularity: 61% [?]

Normalerweise denkt man ja der Internet Explorer 5 bzw 5.5 sei wohl kaum mehr im Einsatz (aktuell 1,7%). Aber gerade wenn man es mit Behörden und Gemeinden zu tun hat, stellt man fest, dass hier fast ausschließlich dieser Dinosaurier unter den Webbrowsern im Einsatz ist.

Ein sehr seltsames Phänomen trat in diesem Zusammenhang bei einer Typo3 Website auf. Ich erhielt einen entsetzten Anruf, dass die kürzlich veröffentlichte Seite nicht funktioniert und die Bilder ewig laden würden. Es kostete mich viele Stunden (die natürlich nicht bezahlt wurden), bis sich herausstellte, dass die Dame an Ihrem Rechner Internet Explorer 5.5 am laufen hatte, ohne jemals ein Update oder Servicepack installiert zu haben. Es handelte sich nämlich um einen “Internet Explorer 5 – 6 JPEG Bug” der bereits vor Jahren von Microsoft mittels Updates behoben wurde.

Der Internet Explorer kommt hierbei mit Jpegs die in Adobe Photoshop abgespeichert wurden nicht zurecht.
Eine ausführlichere Beschreibung findet man hier:

http://www.strehle.de/tim/weblog/archives/2003/09/03/172/
http://lists.netfielders.de/pipermail/typo3-at/2005-June/006217.html
http://stevenf.com/2002/11/hijack.php

Popularity: 51% [?]

Ich hatte schon häufiger das Problem, dass im Internet Explorer bei CSS Definition nach folgendem Schema kein Hintergrund angezeigt wurde:

background:url(../img/footer-bg.png)center top no-repeat;

Das Problem lag aber nicht wie zunächst angenommen darin, dass der Internet Explorer beim background kein Shorthand CSS versteht. Diese Vermutung lag nahe, weil folgende Definition funktionierte:

background-image: url(../img/footer-bg.png);
background-position: center top;
background-repeat: no-repeat;

Des Rätsels Lösung war viel mehr, dass der Interne Explorer mit den fehlenden Leerzeichen im Shorthand CSS nicht zurecht kam. So funktioniert es nämlich:

background: url(../img/footer-bg.png) center top no-repeat;

Popularity: 46% [?]