Ich habe eine Seite mit vielen Bildern auf einer großen Seite.
Am einfachsten wäre ein Skript, das ich einfügen könnte, das automatisch die gleiche Seite durchsucht und alle Bilder, die größer als 100px sind, verwendet, um daraus eine Diashow-Galerie zu erstellen.
Wer kennt ein so einfaches Skript, das Programmierkenntnisse braucht?
Ich fand das für einen Anfang:
jQuery alle Bilder erhalten ein Element größer als eine bestimmte Größe
Um alle Bilder größer zu bekommen, können Sie etwas wie folgt verwenden:
%Vor%Aktualisierung:
Nach ein paar weiteren Recherchen fand ich das am passendsten: Fancybox-Galerie
Es sollte auf dieser Seite implementiert werden:
Ссылка
Danke,
Ich habe es so gelöst:
Ich habe fancybox heruntergeladen und diesen Code aus den fancybox-Anweisungen unten auf meiner Seite unter kathrinhoffmann.com :
%Vor%Dann habe ich mein eigenes Skript eingefügt:
%Vor%Das sieht so aus:
%Vor% Es hängt wirklich davon ab, was dein Lieblingsleuchtkasten ist ("gallery opener"). Lass uns sagen, dass du ShadowBox magst. Es erfordert rel="shadowbox[gallery-name]" , in dem der Galeriename optional ist. Die Spaßseite von shadowbox ist, dass lightbox anstelle von shadowbox auch funktioniert.
Was Sie dann tun müssen, ist ein Link-Tag um die Bilder mit diesem rel-Attribut hinzuzufügen.
%Vor%Geige .
Haben Sie versucht, so etwas zu tun, um die ursprüngliche Breite und Höhe eines Bildes zu erhalten:
%Vor%@Bram Vanroy ist fast richtig, aber Sie müssen auf die tatsächliche Größe achten (nicht betroffen von CSS oder so) und auf nicht geladene Bilder (deshalb benötigt mein Filter einen Rückruf, um die gefilterten Bilder zurückzugeben):
%Vor%Hier haben Sie ein anderes Beispiel:
Hier haben Sie eine Fancybox-Galerie, wie Bram vorgeschlagen hat:
Nichts hindert Sie daran, Ihre Bilder (die Sie bereits gefunden haben) mit dem erforderlichen Markup zu versehen und sie an fancybox :
Sie können die Arbeitsdemo in dieser Geige sehen (Vorsicht, ich habe body als root-Element verwendet, um Bilder in der Demo zu finden , fügen Sie besser eine Klasse / ein Attribut zu dem Element hinzu, das alle Bilder enthält, mit denen Sie arbeiten möchten, und verwenden Sie sie stattdessen).
Tags und Links javascript jquery image-gallery