Lightbox in Aperture-Bildergalerie einbauen mit jQuery
Aperture ist eine Photo-Editing-Software von Apple™, welche die Möglichkeit bietet, Galerien zu erstellen und im HTML-Format zu exportieren. Diese Funktion kann ich aufgrund des generierten Quelltextes nicht empfehlen, nichtsdestominder ist sie sehr praktisch für Leute, die schnell eine Galerie veröffentlichen wollen, jedoch kein HTML können.
Ein weiteres Manko ist der Umstand, dass jedes Foto eine eigene Unterseite bekommt und man sich an diesen entlang hangelt. Heutzutage allerdings - möchte ich behaupten - ist eine Lightbox Standard, wenn es um das Betrachten von Fotos im Browser geht. Deshalb möchte ich zeigen, wie man mithilfe von jQuery und einem PlugIn diese Funktionalität relativ schnell nachrüsten kann.
Als erstes benötigen wir das PlugIn jQuery lightBox. Wir entpacken das Zip-File und legen den js-Ordner, den css-Ordner und den images-Ordner aus dem jquery-lightbox-0.5-Ordner in dem aus Aperture exportierten Galerie-Ordner ab.
Nun muss das PlugIn eingebunden werden und zwar innerhalb der <head>-Tags der index.html der Galerie. Als erstes die beiden JavaScript-Dateien und das Stylesheet:
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.lightbox-0.5.pack.js"></script>
Mit folgendem JavaScript-Code aktivieren wir die Lightbox:
$(document).ready( function() {
$('dd.imagecell a').lightBox();
});
Nun ergibt sich allerdings das Problem, dass das Lightbox-PlugIn darauf angewiesen ist, dass die Links um die Thumbnails der Fotos auf die große Version der selben verweisen. Dies tun sie in der Aperture-Galerie allerdings nicht. Vielmehr verweist der Link auf die Unterseite, auf der die große Version des Fotos eingebunden ist. Die Links müssen also erst noch manipuliert werden, bevor die Lightbox funktioniert:
$(document).ready( function() {
var link = $('dd.imagecell a');
link.each( function(i) {
i += 1;
$(this).attr('href', 'pictures/picture-' + i + '.jpg');
});
});
Mit diesem JavaScript-Code werden die Verweise auf den Thumbnails auf die großen Versionen der jeweiligen Fotos umgelenkt. Alles in allem muss man also folgendes in den <head>-Bereich der index.html schreiben:
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.pack.js"></script>
<script type="text/javascript">
$(document).ready( function() {
var link = $('dd.imagecell a');
link.each( function(i) {
i += 1;
$(this).attr('href', 'pictures/picture-' + i + '.jpg');
});
link.lightBox();
});
</script>
Schon habt ihr mit etwas jQuery eine moderne Lightbox in eure Aperture-Galerie eingebaut.
Noch ein Hinweis am Rande: Die Pfade zum Warte-Bild, den Pfeilen und dem Close-Button sind in der lightbox.js festgelegt. Wenn ihr den images-Ordner also nicht im Galerie-Ordner ablegt, sondern bspw. darunter, müsst ihr diese Pfad-Angaben ändern, sonst wird die Lightbox nicht richtig angezeigt.
Ansonsten gilt wie immer: Wenn es Fragen gibt, nutzt die Kommentar-Funktion!
Weiterführende Links:
Apple iPhone OS auf einem Mac Pro mit 24"-Multitouch Screen
Apple iPhone OS, das Bestriebssystem des iPhones, läuft auf einem Apple Mac Pro in Kombination mit einem 24"-Multitouch Screen. Vergessen wir mal die Tatsache, dass das iPhone als mobiles Gerät konzipiert ist: Das ist perfekt für Leute mit dicken Fingern. Und für all jene, die gerne mit Apple arbeiten möchten, denen Mac OS X aber zu aufgeblasen ist, könnte das auch eine prima Alternative sein.
(via @nerotunes)
Die “innovative integrierte Batterie” im neuen MacBook Pro
Willkommen in der lustigen Welt der Euphemismen. Apple™ verbaut die Batterie in den neuen MacBook Pros so, dass sie nicht mehr vom Endkunden ausgewechselt werden kann. Das ganze nennen sie auf ihrer Hompage dann…
innovative integrierte Batterie.
Das ist ja der blanke Hohn. Soweit ich weiß, kommt man bei Acer™ problemlos an die Akkus ran und kann sie Falle eines Defekts selbst auswechseln, ohne einen Fachmann konsultieren zu müssen. Denkt mal darüber nach!
Die Apple-Religion und ihre Missionare
Gestern haben wir zu zweit auf einen Bekannten, der nebenbei erwähnte, dass er einen neuen Laptop gebrauchen könnte, eingeredet und ihn mit allen Mittel davon zu überzeugen versucht, dass er etwas aus dem Hause Apple™ bräuchte. Zwischendurch habe ich mich zwar gefragt, was ich da mache, aber vom Missionieren habe ich trotzdem nicht abgelassen. Schlussendlich konnten wir ihn davon überzeugen, mal das MacBook Air zu testen, woraufhin mich ein Gefühl tiefer Zufriedenheit durchströmte.
Nun ist es ja so, dass ich beim Vermitteln eines neuen Kunden an meine Muckibude ein Handtuch bekomme. Nicht, dass ich das bräuchte, aber es ist eine Geste. Wenn ich dagegen einen Computer im Wert von 1399,00 € vermittele, gibt es nichts. Kein Handtuch, keine Gutschrift, nicht mal einen feuchtwarmen Handschlag. Und natürlich wird Apple™ einen Scheißdreck tun, auch nur einen Pfifferling für erfolgreiche Mundpropaganda anzubieten. Schließlich kriegen sie es durch die zahlreichen Apple™-Fanboys und -Jünger für lau. Es wäre also ökonomischer Unsinn, ein Belohnungssystem einzuführen. Apple™ ist schließlich keine zweitklassige Muckibude.
Allerdings fühle ich mich nicht wohl bei der Sache. Ein Korrektiv muss her. Deshalb habe ich beschlossen, ab jetzt jeden, der auch nur ansatzweise erwähnt, einen neuen Laptop zu brauchen, so lange zuzutexten, etwas aus dem Hause Acer™ zu kaufen, bis er oder sie entnervt aufgibt. Die Firmen, die ich empfehlen werden, rotieren im 3-Monats-Rhythmus. Danach ist bspw. Sony™ dran, dann vielleicht Lenovo™, und irgendwann komme ich wieder bei Apple™ an.
Da freue ich mich schon drauf.
(Bild: Autumn harvest von tanakawho unter CC-Lizenz)