Pünktlich zum ersten April startete die Webseite kulturgeleit – ein Projekt von Stephanie Brodel. Hierbei geht es um hochwertige kulturelle Begleitungen in Berlin. Man kann mit kulturgeleit Berliner Museen und auch Werkstätten entdecken.

Technisch war im Webprojekt Platz für neue jQuery-Plugins und, wie mittlerweile fast in jedem Projekt, ebenso für Cufon. Während Cufon wie immer für den gelungenen Level an Corporate Identity sorgt, sind in diesem Projekt jquery-tools und ein Scrollable-Plugin verbaut.

Die jQuery-tools (http://flowplayer.org/tools/index.html) sind in diesem Projekt mit den Komponenten Scrollable (Bildwechsel) sowie Overlay (Kontaktformularpopup) verbaut. Besonders interessant ist die Lösung des Overlays. Hierbei bieten die jQuery-Tools nur eine Basis, um Overlay-Popups zu erstellen. Mit einer geschickten Kombination ist es jedoch möglich, wie mit jedem anderen Overlay-Popup zu arbeiten. Hier der passende Quellcode:


$(document).ready(function() {
$("a[rel]").overlay({ mask: '#928959', onBeforeLoad:
function() {
var wrap = this.getOverlay().find(".contentWrap");
wrap.html('<iframe frameborder="0" style="width: '+(this.getOverlay().innerWidth())+'px; height:'+
(this.getOverlay().innerHeight())+'px; border: none; margin: none;" src="'+
htmlencode(this.getTrigger().attr("href"), true)+'"></iframe>')
}
});
});

Hinzu kommt die Funktion htmlencode, welche dem htmlentities in PHP entspricht.


function htmlencode(s, quotes){
if ( !quotes )
return $("<div/>").text(s).html();
else
return $("<div/>").text(s).html().replace(/"/g, '&quot;').replace(/'/, '&#039;');
}

Damit ist das Overlay entsprechend umgerüstet und kann als browser-kompatibles InPage-Popup genutzt werden.

Ebenso neu eingesetzt ist das Plugin jScrollPane von Kelvin Luck (http://www.kelvinluck.com), welches in Version 2.0 erschienen ist. Es bietet hervorragende Möglichkeiten, Scrollbars zu skinnen bzw. die Browser-Scrollbars zu ersetzen. Einzige Unzulänglichkeit, man kann die Scrollbars nicht vom Inhalt separieren.

Bleibt nur noch, dem Projekt kulturgeleit gutes Gelingen zu wünschen!

kulturgeleit.de / kulturgeleit.com

jQuery tools

jScrollPane