Drücke die Tasten ◄ ► für weitere Artikel  

Magnific Popup: Responsive Performance-Lightbox ohne Schnickschnack

Magnific Popup ist ein kostenloses und responsives jQuery-Lightbox-Plugin, das sich auf die Performance bei der Darstellung der Bilder auf jedem Endgerät konzentriert.

Magnific Popup: Responsive Performance-Lightbox ohne Schnickschnack

Magnific Popups Lightbox-Features

Magnific Popup Lightbox
Magnific Popup Lightbox.

Die Lightbox bietet neben dem Einbinden von Einzelbildern eine Galerie-Funktion mit Bildbeschriftung und kann außerdem Videos von YouTube, Vimeo und sogar Karten von Google Maps darstellen. Aber auch für das Laden anderer Inhalten via AJAX kann die Lightbox genutzt werden.

Sollte ein Request mal nicht funktionieren oder ein Bild nicht geladen werden, verweigert die Lightbox – anders als andere – nicht den Dienst und gibt eine entsprechende Fehlermeldung aus.

Performance first

Das Basis-Plugin ist nur drei Kilobyte groß und bietet die Möglichkeit, it einem Online-Build-Tool oder Grunt.js mit zusätzlichen Modulen erweitert zu werden.

Während andere Lightboxen auf rechenintensive JavaScript-Animationen setzen, nutzt Magnific Popup CSS3-Transitions und zeigt Bilder, noch bevor sie vollständig geladen wurden, um eine schnelle Reaktionszeit zu erreichen. Auch das Interface des Plugins wird vollständig mit CSS generiert und bietet so auch Retina-Support.

Mit einem ausgeklügeltem Memory-Management und einer eigenen Micro-Templating-Engine reduziert Magnific Popup die Anzahl von DOM-Elementen und steigert so noch mal zusätzlich die Performance.

Browser Support

Magnific Popup ist unter MIT-Lizenz erhältlich und unterstützt Chrome, Safari, Firefox, Opera, Internet Explorer ab Version 8 und teilweise sogar den Internet Explorer 7.

Auf mobilen Endgeräten läuft das ab Android 2.3, iOS5+, Blackberry 10+, Windows Phone ab Version 7 sowie mobile Opera und Chrome für Android.

Auf der Seite von Magnific Popup erfährst du mehr.

Weiterführende Links

44 Shares bis jetzt – Dankeschön!

Bewerten
VN:F [1.9.22_1171]
5 Antworten
  1. von Phi Lieb via facebook am 26.06.2013 (09:41Uhr)

    Das scheint spannend zu sein!

  2. von Matt Hias via facebook am 26.06.2013 (09:51Uhr)

    leider kein swipen möglich am touch-device...

  3. von Sascha Wehbrink via facebook am 26.06.2013 (09:59Uhr)

    Mhhh schade...

  4. von Kaylee am 26.06.2013 (10:41Uhr)

    Autor erklären, warum es keine Note in seinem Artikel - http://coding.smashingmagazine.com/2013/05/02/truly-responsive-lightbox/

  5. von felix am 26.06.2013 (19:08Uhr)

    Matt: ist aber schon in Planung, im Source auf github vorhanden aber auskommentiert. Demnach: etwas Geduld!

Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema Plugin
jQuery: 13 Plugins für euer nächstes Webprojekt
jQuery: 13 Plugins für euer nächstes Webprojekt

Webentwicklung ohne JavaScript, im Besonderen jQuery, ist heute fast nicht mehr vorstellbar. Deswegen zeigen wir euch 13 jQuery-Plugins, die ihr vielleicht noch nicht kennt, aber unbedingt... » weiterlesen

Social Locker: Mächtiges Plugin verspricht Webseiten mehr Reichweite in Sozialen Netzwerken
Social Locker: Mächtiges Plugin verspricht Webseiten mehr Reichweite in Sozialen Netzwerken

Social Locker ist ein WordPress-Plugin, das es auch als jQuery-Version gibt und mit dem ihr eure Nutzer per Social-Media-Aktion für bestimmte Inhalte bezahlen lassen könnt. Was damit genau möglich. ... » weiterlesen

Natives JavaScript statt jQuery – So machst du deine Webprojekte schlanker
Natives JavaScript statt jQuery – So machst du deine Webprojekte schlanker

Die JavaScript-Bibliothek jQuery erleichtert uns zweifellos das Leben als Entwickler. Der enorme Funktionsumfang und die vergleichsweise hohe Dateigröße stehen bei manchen Projekten aber nicht im... » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n-Newsletter
Top-Themen der Woche für Web-Pioniere
Jetzt kostenlos
anmelden
Diesen Hinweis verbergen