PHP Blogger

Startseite Schreib mir ne Mail! RSS Abo Webnews

Slimbox auf deutsch

29. November 2007 um 18:23 · Gehört zu Allgemein

Nachdem der Veröffentlich der beliebten Übersetzung des Javascript-Bildbetrachters “Lightbox 2” auf deutsch und dem heutigen Artikel über den Klon “Slimbox“, folgt nun die deutsche Version von Slimbox.

Das Projekt ist unter der MIT-Lizenz veröffentlicht und ist somit kostenfrei nutzbar. Slimbox ist zu 100% mit Lightbox kompatibel. Ich empfehle den Einsatz der Slimbox statt Lightbox.

Unter folgender URL kann die aktuelle deutsche Version herunter geladen werden:
http://www.phpblogger.net/download/slimbox_deutsch.zip

Die Änderungen/Übersetzungen umfassen ausserdem folgende Dateien:

  • slimbox.css - Änderung der Größenangabe des Schliessen-Buttons und Anpassung der Bild-Pfade.
  • slimbox.js - Übersetzung “Bild X von Y”
  • closelabel.gif, nextlabel.gif und prevlabel.gif - Übersetzung der Worte
  • index.html - Hinzufügen der Test-Datei inklusive einer kleinen Testgalerie
  • Integration der Mootools-Bibliothek

    • Das Original Projekt ist über folgende URL erreichbar: http://www.digitalia.be/software/slimbox

    Ähnliche Artikel:

    1. Slimbox-Update: Version 1.64 (deutsch)
    2. Slimbox auf deutsch - Update V1.65
    3. Lightbox Alternative Slimbox
    4. Lightbox auf deutsch - Update
    5. Lightbox Klone vergleichen

    Christian meint dazu:

    30. November 2007 um 10:03

    Slimbox ist auch mein Favorit, da ich sehr viel und sehr gerne mit mootools arbeite. Als Thickbox alternative kann ich dafür die Smoothbox (http://gueschla.com/labs/smoothbox/) empfehlen.

    Einen wichtigen Vorteil hast du aber vergessen:
    Da die Slimbox auf mootools basiert, wird sie nicht über das onLoad-Event, sondern über das mootools-eigene DOMready-Event initialisiert! Also schon wenn das DOM fertig aufgebaut ist, aber die Inhalte noch nicht fertig geladen wurden.
    Das ist extrem hilfreich, wenn man z.B. in einer Gallerie viele Thumbnails auf einer Seite lädt und der User das erste schon anklickt, bevor die komplette Seite geladen wurde. In solchen Fällen versagen Lightboxes mit normaler onLoad-Initialisierung dann nämlich meistens. :)

    timi meint dazu:

    30. November 2007 um 10:10

    Das hatte ich im vorhergehenden Artikel erwähnt, allerdings nur am Rande. Vielen Dank fürs ausführliche Beschreiben dieses Features…

    Jay Jay meint dazu:

    5. Januar 2008 um 12:43

    Danke für die eingedeutschte Übersetzung! Beim Übersetzen ist aber die Tastaturabfrage vergessen worden: mit “p”, “n” und “c” (”x”/”esc”) kann man zurückblättern (”previous”) oder nach vorne blättern (”next”) oder die Box schließen (”close”). Dazu sucht man in slimbox.js folgenden Code:

    keyboardListener: function(event){
    switch (event.keyCode){
    case 27: case 88: case 67: this.close(); break;
    case 37: case 80: this.previous(); break;
    case 39: case 78: this.next();
    }
    },

    und ersetzt den damit:

    keyboardListener: function(event){
    switch (event.keyCode){
    case 27: case 88: case 83: this.close(); break;
    case 37: case 90: this.previous(); break;
    case 39: case 87: this.next();
    }
    },

    Jetzt klappt das Blättern mit “w” und “z”, das Schließen mit “s”, “x”, “esc”. Auch die Cursortasten funktionieren.

    teK blog meint dazu:

    13. Februar 2008 um 23:51

    Lightbox2 vs. Slimbox…

    Da ich ja eh grad meinen Blog wieder neu einrichte muss ich ma wieder von gaaaaanz vorne anfangen. Da stellt sich wie früher auch schon die Frage was ich zur eleganten Anzeige von Grafiken verwende.
    Wie ich dann zum Glück auf PHP Blogger erfahren hab…

    Dreamweaver CS3 - PSD-Tutorials.de - Forum meint dazu:

    8. April 2008 um 16:40

    [...] Dreamweaver CS3 ich finde dieses tool sehr gut. PHP Blogger: Slimbox 1.4 (deutsch) - Ein PHP Blog auf deutsch erstell dir eine seite, auf der du deine bilder klein anzeigst und beim anklicken werden sie [...]

    Philipp*** meint dazu:

    22. April 2008 um 14:29

    Vielen Dank für die deutsche Version der Slimbox 1.41.
    Ich habe das Skript noch etwas an die Bedürfnisse einer Website
    von uns angepasst (siehe Beispiellink unten):

    - Rahmen um das jeweilige Bild (per CSS änderbar)
    - Counter nun mit Vor- und Zurück-Funktion im Bottom-Bereich
    (Farbe der Links per CSS änderbar)

    Beispiellink:
    http://www.regiodruck.de/produkte/?id=popup-system

    Bei Interesse oder Tipps bitte Mail an: pss77@gmx.de

    TotalMedial » Blog Archiv » Galerien mit Wordpress 2.5 meint dazu:

    24. April 2008 um 15:58

    [...] nicht ganz HTML-Valide es fehlt das alt-Tag bei den Bildern. Und wer die Bilder mit Lightbox oder Slimbox anzeigen möchte ist gleich ganz außen [...]

    Peter meint dazu:

    15. Mai 2008 um 15:33

    Hallo

    Habe die Slimbox ebenfalls eingebaut und sehe auch alles wie es sich gehört (Vorschaubilder etc.).
    Leider aber sehen manche Leute nicht mal die Vorschaubilder geschweige denn können die Bilder anklicken. Woran liegt das?? Anbei die url um die es geht: http://www.tv-ebersteinburg.de/galerie.html

    Habe ich da einen Fehler in der css Datei??? Ich verzweifle bald daran.

    Grüße und Danke für eure Hilfe
    Peter

    timi meint dazu:

    15. Mai 2008 um 15:49

    Hi Peter,

    nein es sieht ganz gut aus. An der CSS Datei liegt es mit Sicherheit auch nicht.

    Das einzige, was mir aufgefallen ist, Du hast ein Encoding Problem in einigen Meta-Tag Attributen im Head: AUTHOR, COPYRIGHT und PUBLISHER. Da verwendest Du Anführungszeichen. Besser wäre aber das entsprechende HTML-Entity - Guck mal hier: http://www.w3schools.com/tags/ref_entities.asp gleich das erste (quotation mark)…

    Welche Browser und Versionen verwenden die, bei denen es nicht klappt?

    Viele Grüße

    Tim

    Peter meint dazu:

    15. Mai 2008 um 22:20

    Hallo Tim

    Danke dir fürs prüfen. Ja, die ” ” sind Mist, habe ich entfernt.

    Ich weiß nicht mit welchen Browsern die Leute surfen (entweder alt oder die Sicherheitsstufe zu hoch??), jedenfalls habe ich selbst noch mal an anderen Rechnern nachgesehen und die Galerie inkl. Bilder wird überall angezeigt. Also liegt es nicht an CSS oder sonst an meiner “Unfähigkeit”, sondern an den Browsern der Nutzer.

    Grüße und Danke
    Peter

    Marius meint dazu:

    4. Juni 2008 um 21:14

    Hallo,

    habe eine kleine Frage, ich will als temporären Werbebanner direkt auf der Startseite “slimbox” mit einem Bild laden, ich habe schon einige Varianten der Thick- & Thinbox gesehn, leider finde ich nichts, wie man in der Art die slimbox integrieren kann!

    Danke für Eure Hilfe!

    Gruss Marius

    east meint dazu:

    21. Juni 2008 um 14:50

    Hallo,

    wer weiß, wie ich das slimbox-Bild aus einem Frame heraus Frameset-übergreifend darstellen kann ?
    Die Angabe von target=”_top” funktioniert leider nicht.

    timi meint dazu:

    22. Juni 2008 um 14:48

    Hi East,

    das geht gar nicht. Frames sind ohnehin veraltet. Mit CSS lässt sich aber trotzdem eine Frame-Optik nachbauen, ohne die Frame-Nachteile zu haben.

    Hintergrund: jedes Frame wird in Browsern als eigene Fensterfläche gerendert. Über die Framegrenzen hinaus lassen sich nur mit schweren Tricks Objekte übergreifend verschieben oder darstellen. Die einzige Lösung ist ein Popup - aber das ist auch eine schlechte und ohnehin mit Slim- oder Lightbox zu machen.

    east meint dazu:

    24. Juni 2008 um 10:56

    @timi

    Danke für die Antwort.
    Ich will nun als Kompromisslösung das slimbox-Bild der Framebreite anpassen.
    Klappt im Firefox gut, aber im IE verrutscht die box nun so weit nach links, dass sowohl das Bild, als auch der Titel angeschnitten wird, rechts und unten erscheint ein zu breiter weißer Rand.
    Offensichtlich werden die css-Angaben von “position” von beiden Browsern unterschiedlich interpretiert, aber wie ??

    timi meint dazu:

    29. Juli 2008 um 20:25

    East, da kann ich Dir leider auch nicht helfen. Schick am besten mal einen Link…

    jens meint dazu:

    19. August 2008 um 09:25

    Vielleicht hat ja hier einer ein Tip für mich ..

    Ich möchte in der Slimbox ein “Save As” Button einbauen bin nur ein bischen unsicher wie. Oder gibt es das schon?

    Vielleicht hat hat ja einer einen guten Tip für mich wie oder wo ich kucken kann.

    Danke

    Tom meint dazu:

    19. August 2008 um 12:40

    Meine Slimebox funktioniert einwandfrei. Bis auf das mein PopUp Menü über der Slimebox angezeigt wird und somit die Bildergalerie überdeckt. Kann man per CSS einstellen, dass die Slimebox immer in einem gewissen Abstand vom Fensterboden angezeigt wird?

    Grüße Tom

    wwwerner meint dazu:

    22. August 2008 um 13:51

    Hallo, zusammen!

    Ich habe Slimbox 1.64 in einem Lightbox-Iframe eingebaut, das Ganze funktioniert auch soweit, allerdings öffnet sich Slimbox (logischerweis) innerhalb des IFrames.

    Gibt es die Möglichkeit, dass sich Slimbox ausserhalb des IFrames öffnet?

    Mit target=”_blank” oder target=”_top” funktioniert nicht…

    frest meint dazu:

    11. September 2008 um 12:52

    Hallo,
    Ich habe mal das passende Worpdress Plugin auf deutsch übersetzt.

    Nähere Informationen:
    http://web313.srv11.sysproserver.de/frest2/wordpress/?p=138

    Download:
    http://web313.srv11.sysproserver.de/frest2/wordpress/wp-content/uploads/2008/09/slimbox-plugin_deutsch.zip

    Bis dann,
    frest

    Slimbox Plugin auf deutsch | frest.de - Fotoblog von Frèderic Stuhldreier meint dazu:

    11. September 2008 um 12:55

    [...] Eine deutsche Version von SLimbox findet sich hier. [...]

    Maal meint dazu:

    9. Oktober 2008 um 09:49

    Hi, wo muss ich “Lightbox” durch “Slimbox” ersetzen?

    Will Lightbox 1 noch weiterlaufen lassen auf der Seite und beim nächsten überarbeiten dann erst auf Slimbox umstellen.

    Ich möchte quasi
    Bild #1
    und
    Bild #1
    gleichzeitig auf der Seite verwenden. Will damit unliebsame Überraschungen auf alten Seiten verhindern.

    Maal meint dazu:

    9. Oktober 2008 um 09:52

    Hups hier wird gar kein HTML Maskiert! Sorry

    Hi, wo muss ich “Lightbox” durch “Slimbox” ersetzen?

    Will Lightbox 1 noch weiterlaufen lassen auf der Seite und beim nächsten überarbeiten dann erst auf Slimbox umstellen.

    Ich möchte quasi
    ……-1.jpg” rel=”lightbox” title=”Mein Titel”>Bild #…….
    und
    …….1.jpg” rel=”slimbox” title=”Mein Titel”>Bild …….
    gleichzeitig verwenden.Will damit unliebsame Überraschungen auf alten Seiten verhindern.

    timi meint dazu:

    10. Oktober 2008 um 09:26

    Hey Maal,

    Du kannst alles so lassen, wie es ist. Slimbox verwendet die gleichen rel-Attributwerte wie die Lightbox… Wenn Du die Lightbox durch Slimbox ersetzen möchtest, musst Du also nix am HTML-Code ändern. Einfach die Javascript-Dateien austauschen.

    Gruß Tim

    Sebastian Bechtel » Blog Archive » Slimbox meint dazu:

    14. Oktober 2008 um 19:40

    [...] Version mitsammt umfangreicher Demo, in der weitere Möglichkeiten erklärt werden, kann man bei PHP Blogger [...]

    Beatrix meint dazu:

    15. Oktober 2008 um 15:38

    Hallo, ich versuche mich gerade mit der Slimbox 1.4. Vielen Vielen Dank für die deutsche Übersetzung. Das ist echt super.
    Leider hab ich keine Ahnung von js, möchte aber gerne die Darstellung der Bilder ändern. Ich hätte zum Beispiel gern den <> text unter die Bildertitel. Eigentlich so wie Philipp hier schon ein Beispiel gepostet hat.
    http://www.regiodruck.de/produkte/?id=popup-system
    Kann mir bitte jemand sagen, wie bez. wo ich das ändern kann?
    Gruß Bea

    Carsten Meyer meint dazu:

    21. Oktober 2008 um 21:24

    Hi,

    schaut mal auf http://www.dermeyer.com/TEST/argentinien-buenos-aires.php und klickt auf das Bild, bei mir kommt immer eine Windowsmeldung vor dem öffnen mit Slimbox 1.6 Das war bei 1.4 nicht.

    Ansonsten sehr schönes Design, die Box.
    Gruß
    Carsten

    Peter meint dazu:

    21. Oktober 2008 um 22:42

    Hallo,

    habe das gleiche Problem wie Carsten Meyer, also pro Bild erst einmal das Windowsfenster, egal ob IE oder FF bzw.in der Vorschau des HTML-Editor.
    Gibt´s Abhilfe?

    Gruß,
    Peter

    timi meint dazu:

    22. Oktober 2008 um 08:25

    Hi Carsten, Hi Peter,

    ein Bugfix steht bereit. Bitte das Zip runterladen und die Datei slimbox.js austauschen… Viele Grüße Tim

    Peter meint dazu:

    22. Oktober 2008 um 13:18

    Hallo Tim,

    sagst Du bitte, wo der Bugfix ´runter geladen werden kann?

    Liebe Grüße,
    Peter

    timi meint dazu:

    22. Oktober 2008 um 15:40

    Hi Peter, hier: http://www.phpblogger.net/download/slimbox_1_64_deutsch.zip

    Peter meint dazu:

    22. Oktober 2008 um 16:43

    Jatzt klappt alles wunderbar, herzlichen Dank!

    LG Peter

    Peter meint dazu:

    22. Oktober 2008 um 17:21

    Hallo Tim,

    doch noch etwas “zu meckern” :

    Ich habe auf einer Seite eine Zeile mit 4 Bildern und weiter unten eine Zeile mit 5 Bildern; bei Klick auf Bild 1 der ersten Zeile zeigt er mir dieses als 1 von 9 an und blättert nach Bild 4 dann auch weiter auf Bild 1 der zweiten Zeile, nennt dies dann Bild 5 von 9; bei Klick auf Bild 1 der zweiten Zeile zeigt er mir dann dieses als 5 von 9 an. Kannst Du unter http://mitglied.lycos.de/sammy/appart.htm
    ansehen.
    Läßt sich dies noch ändern?

    Danke und Grüße aus Düsseldorf,
    Peter

    timi meint dazu:

    22. Oktober 2008 um 17:36

    Hi Peter, ändere rel=”lightbox[roadtrip]” in rel=”lightbox[roadtrip1]” in der ersten Zeile und in rel=”lightbox[roadtrip2]” in der 2. Zele. “roadtrip” ist ohnehin beliebig austauschbar…

    Peter meint dazu:

    22. Oktober 2008 um 18:04

    Nochmals Danke, ich hatte mir auch schon so etwas überlegt.
    Kann ich Dir irgendwie “einen Zehner” donaten, PayPal?

    LG Peter

    Carsten Meyer meint dazu:

    22. Oktober 2008 um 19:19

    Danke für das Update !

    timi meint dazu:

    22. Oktober 2008 um 19:55

    Wer gerne mit Paypal spenden möchte, kann eine Zahlung einfach an timboettiger@gmail.com senden… Ich würde mich natürlich freuen ;)

    Wolfgang meint dazu:

    23. Oktober 2008 um 08:59

    Hi Lightbox-User,
    wie kann ich denn eine Box darstellen, OHNE dass der Betrachter auf ein Icon o.ä. klick, d. h. Box kommt automatisch bei Aufruf einer Seite (z. B. für eine Meldung(.
    Danke.
    Wolfgang
    siehe unter http://www.sheltiefreund.de/anzeigen/anzeigen.html

    timi meint dazu:

    23. Oktober 2008 um 09:04

    Hi Wolfgang, das kannst Du mit der API-Programmierung der Slimbox machen. Häng einfach an den init-Event des Browserfensters folgende Zeile:

    Slimbox.open(”pfad/startbild.jpg”, “Bildbeschreibung”);

    Wolfgang meint dazu:

    23. Oktober 2008 um 09:43

    Danke Timi,
    werde ich probieren.
    Wolfgang

    timi meint dazu:

    23. Oktober 2008 um 10:18

    Hi Peter, vielen lieben Dank, die Spende ist angekommen!

    Peter meint dazu:

    23. Oktober 2008 um 23:08

    Sehr gerne, Tim,

    die Seite ist auch jetzt online.

    LG Peter

    paedi meint dazu:

    6. November 2008 um 11:09

    hi there

    warum fängt denn slimbox mit der anzeige der galerie beim letzten bild an?

    http://www.vogelherd.info/neu/baubilder.html

    weiss jemand was ich falsch gemacht hab?

    danke pädei

    paedi meint dazu:

    7. November 2008 um 10:09

    Habe rausgefunden, dass es auf Windows läuft aber auf dem Mac nicht.
    Hat jemand eine Lösung oder einen Tip?

    danke und gruss
    paedi

    tiekay meint dazu:

    29. November 2008 um 13:56

    moin,
    bin gerade dabei die slimbox 1.65 einzubauen. das ganze klappt auch, nur hab ich ein problem.
    wenn ich jetz bilder über die slimbox anzeige und die maus außerhalb des bildes ist, dann wird mir das bild von der mitte an erneut angezeigt.

    wenn ich dann die maus auf den wiederholtenteil, also auf den rechten teil des gesamten bildes bewege, seh ich das komplette bild.

    das problem tritt nur im Firefox 2.0.0.18, aber im Internet Explorer 7.0.5730.13 nicht auf.

    habe eine 2. css datei in meine seite eingebunden.
    wenn ich die rausnehme geht das ganze.

    kann mit jemand nen hilfreichen tipp geben, bei welche css-elementen man aufpassen sollte, bzw. welche die slimbox beeinträchtigen können?

    Iren 98 meint dazu:

    20. Januar 2009 um 16:05

    hi there,
    yes, I think Lightbox is the best free way to implement a
    photo gallery or showing of images in a website. I also use
    Visual LightBox, http://www.VisualLightBox.com that
    generates all necessary Lightbox stuff without coding. nice tool!

    kerameus meint dazu:

    22. Januar 2009 um 14:03

    Hallo, benutze auf meiner Seite auch slimbox Unter ‘Sonstiges’ gibt es das .jpg einer Uhr und ich wollte, wenn das thumb angeklickt wird das Bild öffnet und die aktuelle Zeit analog anzeigt wird.
    Nun habe ich, ohne Erfahrung aber mit viel Geduld, ein java applet gebastelt wo meine Uhr als Analoguhr funktioniert, aber wie baue ich dies jetzt richtig ein?
    Die uhr.jpg einfach duch Verweis auf applet ersetzen funktioniert nicht.
    Wäre toll, wenn jemand ein paar Tips für mich hätte.
    Danke
    htt://www.kera-mig.de

    RSS für Kommentare zu diesem Artikel · TrackBack URI

    Schreib Deine Meinung