Es war richtig, jetzt (Dank an den Autor aufmerksam freigegeben Michael JI Jackson ) Version 3.0 beta Shadowbox.js . Neben der neuen Website-Design ist hier die wichtigsten Änderungen vor dieser Version:
Artikel Tagged 'Yahoo YUI "
Shadowbox 3.0 beta
Alle Lightbox Klone in einem dynamischen Array
Planetozh hat ein erstellt schöne Landschaft der dynamischen Werkzeug , das alle Javascript-Bibliotheken wie Lightbox Liste kann.
Mit einem Panel (siehe Bild links) mit einer Reihe von "Ticks" (Checkbox), die die verschiedenen Funktionen der Bibliotheken angeben, können Sie einen Filter, den Erhalt der Liste von einer oder mehreren Bibliotheken, den Job zu erledigen. Wir hoffen, dass der Autor dieses großartige Seite unterhält aktualisierte, sehr nützlich in befreien eines der zahlreichen und mächtigen Bibliotheken dieses Typs.
Light Gallery: 2.0.0_rc1 LightView
. Hier ist noch ein weiteres neu veröffentlichten Dezente JavaScript-Bibliothek für Bildergalerien und mehr LightView in 2.0.0_rc1 Release , fügte auch die Funktionen "Öffnen"-Fenster mit dem Inhalt, die über einfache Bild geht: Flash-Filme, QuickTime , Form und IFRAME! Im Vergleich zu der vorherigen Version (1.1.0 -, die nur Bilder Griffe), dann ist dieses Release Candidate erweiterten Funktionen sind auch in anderen Bibliotheken . . Die Werkzeuge von erforderlichen Lighview sehr gut bekanntes Werk sind die Prototype 1.6.0.2 und Scriptaculous 1.8.1 . Gliattributi Bibliothek verwendet, um die Verwaltung von class und rel .
Interessante einen Aspekt dieser Bibliothek ist die extreme Sorgfalt, mit der die Grafik angezeigt wird.
Ergebnis: 9 - Startseite LightView
Licht-Bibliothek: Slimbox von einem Shadowbox, Galerien in Javascript
Man könnte sagen - und das zu Recht - genug! JavaScript-Bibliotheken (Unauffällig - nicht aufdringlich oder teilweise), um Bilder und Galerien verwalten sind so viele. Jedenfalls ist hier die Liste mit Vor-und Nachteile, die beste die ich bisher ausprobiert habe.
Slimbox 1.41
Extrem minimal, 7K (Version 1.41), benötigt mootools zu arbeiten. Wie auf der Homepage angegeben ist ein echter Klon graph Lightbox , werden wir weiter unten. Ehrlich gesagt, abgesehen von der extremen Kompaktheit der Bibliothek nicht besitzt besondere Eigenschaften. Am selben Ort, aber Sie können auch ein Skript zur Laufzeit Reflexionen erzeugen ... möchten Sie vielleicht diese Grenze ![]()
Bewertung: -6 - Slimbox Home, Startseite Reflection.js für MooTools
Lightbox2
Einer der bekanntesten und einfach. Verwaltet Bilder in dieser Pressemitteilung sind (so sie nicht mit QuickTime, Flash oder andere Arbeiten). Zum Betrieb benötigt Prototype und Scriptaculous . Verwenden Sie das Attribut rel auf die Links zu verarbeitenden Bilder zu identifizieren:
1 |
Wie die anderen Bibliotheken, die wir sehen werden, unterstützt die Diashow-Modus, geben Sie einen beliebigen Bezeichner in eckigen Klammern in einer Reihe von Link / Bild:
1 2 3 | "images/image-1.jpg" rel = "lightbox[roadtrip]" > image #1 < / a > < ein href = "images/image-1.jpg" rel = "lightbox [Roadtrip]"> Bild # 1 </ eins > "images/image-2.jpg" rel = "lightbox[roadtrip]" > image #2 < / a > < ein href = "images/image-2.jpg" rel = "lightbox [Roadtrip]"> Bild Nr. 2 </ eins > "images/image-3.jpg" rel = "lightbox[roadtrip]" > image #3 < / a > < ein href = "images/image-3.jpg" rel = "lightbox [Roadtrip]"> image # 3 </ eins > |
Ergebnis: 6 - Top Lightbox2
LightWindow 2,0
Dies ist auch durchaus üblich! Nach allem, wie können Sie sagen, welche verwendet wird?
. Es ist jedoch sehr umfangreich und vielseitig. Auf der Seite steht die Forderung nach Spenden für die Anschaffung eines Mac ... und drücken ein wenig invasive ... aber wie oben, aber für den Betrieb, erfordert die Anwesenheit von Prototype und Scriptaculous . Anders als seine Vorgänger, aber damit können Sie moltisiimi Arten von Dateien zu betrachten: von den Bildern, QuickTime-Filme, Flash-Filme, externe HTML-Seiten und PDF. ) altri obbligatori ( class e params - per impostare il comportamento della libreria). Im Gegensatz dazu nutzt verschiedene Attribute, einige optional ( author, caption und title ) anderen gesetzlich zu ( class und params - um das Verhalten der Bibliothek eingestellt). Zum Beispiel zum Anzeigen einer Galerie oder Diashow mit dem Attribut rel :
1 2 3 | "gallery/0-sushi.jpg" class = "lightwindow" rel = "[Sushi]" title = "Left Behind" caption = "Look's super tasty!" author = "Unknown" > image #1 < / a > < ein href = "gallery/0-sushi.jpg" class = "LightWindow" rel = "[Sushi]" title = caption = "Look ist super lecker!" author = "Unknown", "Left Behind"> Bild # 1 </ ein > "gallery/1-sushi.jpg" class = "lightwindow" rel = "[Sushi]" title = "Beware of warewolves..." caption = "I shouldn't be doing this when I am hungry" author = "Unknown" > image #2 < / a > < ein href = "gallery/1-sushi.jpg" class = "LightWindow" rel = "[Sushi]" title = "Beware of warewolves ..." caption = "Ich sollte das nicht tun, wenn ich hungrig bin" author = "Unbekannt"> Bild Nr. 2 </ eins > "gallery/2-sushi.jpg" class = "lightwindow" rel = "[Sushi]" title = "That was good!" caption = "Take that sushi!" author = "Unknown" > image #3 < / a > < ein href = "gallery/2-sushi.jpg" class = "LightWindow" rel = "[Sushi]" title = "Das war gut!" caption = "Nehmen Sie das Sushi!" author = "Unbekannt"> Bild Nr. 3 </ ein > |
Ergebnis: 8 - Startseite LightWindow 2,0
Shadowbox 1.0B
Obwohl die Version 1.0 beta ist dies vielleicht die komplette Bibliothek, die beide aus der funktionalen Sicht von den Bibliotheken unterstützt wird. Für den Betrieb in der Tat, können Sie aus einer Vielzahl von Rahmenbedingungen zu wählen, mit der Datei "Adapter", besonders hergestellt und durch den Autor geliefert:
- Yahoo! User Interface Library (Yahoo, Dom, Event, anim)
- Ext (standalone core.js-ext)
- Prototype + Scriptaculous
- jQuery
- MooTools (erfordert Fx.Styles und ihre Abhängigkeiten)
- Dojo Toolkit (dank Peter Higgins)
Der visuelle Effekt (konfigurierbar über die Haut / css), dann, anders als die anderen, ist auf jeden Fall attraktiver. Die verwendeten Attribute sind nur rel wo, in dessen Innenraum sind alle anderen Konfigurationsparameter. Zum Beispiel, um eine Galerie, verwenden Sie einfach:
1 2 |
Wenn Sie einige Optionen einstellen (wollen siehe Website für eine vollständige Liste ) verwenden Sie einfach die folgende Syntax:
1 |
Auf dem Internet können sie finden andere, wie zum Beispiel JS Highslide . In der Tat, wenn Sie eine andere Bibliothek berichten wollen ... Wie auch immer, persönlich bevorzuge ich Shadowbox für Einfachheit, Skalierbarkeit und Cross-Rahmen.
Ergebnis: 9 - Top Shadowbox 1.0B







Neueste Kommentare
Giovambattista Fazioli : @ Mark: Ich schlage vor, Sie denken, richtiger Ansatz. Wenn Sie rannte der Unterklasse der Registerkarte ...
Mark : Entschuldigen Sie die Spam .. Ich bemerkte, dass es ein Fehler .. Hier ist die Korrektur [cc_objc] / ** PrimaClasse.h ** / # import ...
Mark : vergessen .. in [CCI] DptionViewController [/ cci] auf [CCI] @ syntetize [/ cci] Ich habe die Delegierten
Mark : Hallo, herzlichen Glückwunsch von mir für den Artikel .. Ich habe ein Problem für den Export .. Ich bin bei ...
louis : sehr klar und einfach ich muss zugeben, dass das Schreiben einem Knall kaum Delegaten verwenden, erstellt von ...