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
Ausgezeichnete Sammlung!
sehr nützlich und gut detailliert.
Herzlichen Glückwunsch!
Well done!
Nützliche und klar.
Ich versuche, Shadowbox anstelle von Lightbox 2, die auf meiner Website von Joomla 1.0.15 "Probleme mit Internet Explo (d) er, aber leider ohne Erfolg.
Definitiv nicht etwas, was ich verstanden. Die Website spricht von zwei Modulen und Slimbox slimbox.js-core.js, aber ich baue erzeugt nur eine, die nicht funktioniert. Ich habe versucht, sowohl die Standalone eins für Mootools (was ich zuvor heruntergeladen und aktiviert haben, natürlich), aber das Ergebnis nicht ändern.
Können Sie einige Unterstützung, bitte?
@ Cristian: Warum über die Formen und Slimbox slimbox.js-core.js sprechen? Ich weiß nicht, sind in Shadowbox ...
@ Giovambattista Fazioli: oh, und "war ein Slip. Ich meinte natürlich Shadowbox
@ Cristian: Was Code verwenden Sie? Um Arbeit Shadowbox muss zwei Arten von Initialisierungen. Das ist nicht genug, nur das Script, wie bei anderen ähnlichen Bibliotheken. Postami den Code, den Sie uns sehen, was falsch ist lassen ...
Hier werden die Informationen, die Sie fragen mich,
Shadowbox vor Ort, in dem Download-Bereich, habe ich versucht zu tun, ist die Standalone-Version des für Mootools zu bauen. Mootools war klar installiert und geladen.
Das Verfahren baut mich * eine * Datei generiert, shadowbox.js, lud ich in der Kopfzeile der Seite:
Aber es funktioniert nicht
Ich habe auch versucht, eine hypothetische Haut (cm ², was ich nicht, war es nur, es zu versuchen ...) mit Last
Aber auch hier kein Glück.
Andere haben nicht getan, und es funktioniert nicht
@ Cristian: ok, was fehlt - ist die Initialisierung der Bibliothek -, glaube ich. Alle Schritte, die Sie gemacht sind im wesentlichen korrekt. Was Sie tun müssen, ist anrufen diesen Code, wenn die Seite geladen wird:
Sie können neu die Seite der onload-Event oder zu verwerten document.ready () frameword Ihre Lieblings:
Auch, wenn Sie mit mootools Shoadowbox verwenden möchten, müssen zum Beispiel auch laden Sie den Adapter folgender Reihenfolge:
2
3
4
5
6
"text/javascript" src = "mootools.js" >< / script > < script type = "text / javascript" src = "mootools.js"> </ script >
<-! Dann den Adapter ->
"text/javascript" src = "shadowbox-mootools.js" >< / script > < script type = "text / javascript" src = "Schattenboxen mootools.js"> </ script >
<-! Und schließlich shadowbox ->
"text/javascript" src = "shadowbox.js" >< / script > < script type = "text / javascript" src = "shadowbox.js"> </ script >
@ Giovambattista Fazioli: noch entzieht sich mir etwas. Erstens weiß ich nicht, wo ich den Adapter zu finden. Doing the bauen von der Website bekomme ich eine einzelne Datei, die ich nehme ist die eigentliche shadowbox. Aber das ist nicht "ein großes Problem, weil ich auch könnte die Standalone (was ich nicht verstehe, warum", um einen Adapter zu erstellen, wenn die Funktionen auch sind von standalone).
Seitdem statt "Jungfrau", wenn es um java Ich bitte Sie, eine letzte Sache kommt: Ich kann die Initialisierung Code Shadowwbox.init () innerhalb eines <script type=javascript> etc. einbinden? Ich kann machen, rechts in der Kopfzeile der Seite, damit es auf jeder Seite laden?
Ich habe einige Bearbeitung, das Hochladen von Dateien, die ich durch Anklicken des "Download Code" im Download-Bereich der Website haben. Aber immer noch nicht funktioniert
2
3
4
5
6
7
"text/javascript" src = "http://miosito/sogema_theme/js/shadowbox-base.js" >< / script > < script type = "text / javascript" src = "http://miosito/sogema_theme/js/shadowbox-base.js"> </ script >
"text/javascript" src = "http://miosito/templates/sogema_theme/js/shadowbox.js" >< / script > < script type = "text / javascript" src = "http://miosito/templates/sogema_theme/js/shadowbox.js"> </ script >
"text/javascript" > < script type = "text / javascript">
Shadowbox.loadLanguage ('en', 'http://miosito/templates/sogema_theme/js/lang');
window.onload = Shadowbox.init;
</ script >
@ Cristian: ruhig, von diesem Standpunkt aus Shoadowbox ist nicht sehr intuitiv!
Allerdings müssen Sie zuerst das komplette Paket, dass Sie immer in der Download-Seite finden Sie zum Download: an der Unterseite befinden sich zwei Links: Full Download, zum Download des Pakets enthält Beispiele, Dokumentationen und Downloads Adapter und Warteschlangen, die nur den Code enthält, Adapter, und die Haut . herunterladen. 
Außerdem glaube ich, intedessi "Jungfrau" Nicht-Java-und JavaScript, zwei Dinge, die "etwas" anders sind
Dann, wenn mit einem Javascript-Code in eine HTML-Seite, müssen Sie immer, schließe ihn in
<script type=javascript>...Hoppla, ist der Code, den ich oben gibt es geschrieben 'einen Fehler in den Weg des trascrittura. Pfade, die eindeutig in den eigentlichen Ort fixiert sind
Hallo an alle,
Ich bemerkte, dass alle diese Methoden zur Darstellung von Bildern / pages / flash etc. .. funktionieren nicht mit Internet Explorer 8 Beta.
Ich hoffe, es ist nur eine Frage der Pre-Release-Version dieses mythischen Browser.
Sie sehen dieses Problem auch?
Dank
Glauben
Hallo zusammen,
I downloaded das Paket shadowbox, aber da weiß ich nicht alle der Javascript-Code
Ich habe keine Ahnung, wie man es in eine HTML-Seite zu betreiben.
Soll ich nell'head Seite Links zu den js-Dateien, die in Pakete. Aber genau, welche Dateien? Und wie können wir dann initialisiert die Bibliothek?
Jemand kann mir zeigen den Code soll ich verwenden?
Danke, danke.
Ich hatte auch das gleiche Problem.
Kennt jemand mir ein paar mehr Informationen?
Vielen Dank für Ihre Mitarbeit.