Easy FancyBox

Beschreibung

Easy FancyBox Plugin für WordPress Websites stellt Dir eine flexible und ästhetische Lightbox-Lösung für beinahe alle Medien-Links auf Deiner Website zur Verfügung. Easy FancyBox verwendet eine aktualisierte Version der traditionellen FancyBox jQuery Erweiterung und ist WP 3+ Multi-Site kompatibel. Nach der Aktivierung findest Due den neuen Abschnitt FancyBoxauf der Seite Einstellungen > Medien im Backend, wo Du die Optionen des Plugins verwalten kannst.

Nach der Aktivierung werden alle Links zu JPG, GIF und PNG Bildern automatisch in der FancyBox Mac/Gnome-style Lightbox geöffnet, die sich über die Website legt.

DSGVO / EU Datenschutz

Dieses Plugin sammelt keine Daten und setzt keine Browser Cookies. Jedoch bietet die PRO-Version eine Option, das Popup nach dem ersten Besuch zu deaktivieren, wofür ein Browser Cookie benötigt wird. Dieses Cookie speichert dabei den ersten Besuch eines Besuchers mit Zeitstempel und Pfad im Browser; es wird nicht geteilt und es werden keine Daten am Server oder irgendwo anders gespeichert.

FEATURES

Unterstützte Medien- und Inhaltstypen:

  • Alle gängigen Bildformate inklusive webp
  • Hosted Video auf Youtube, Vimeo und Dailmotion
  • PDF Dateien (eingebettet mit Object Tag, in einem iframe oder externen Google Docs Viewer)
  • SVG Media Bilder(Dank an to Simon Maillard)
  • Inline HTML Content (siehe Anleitungen in den FAQs)
  • Externe Web-Seiten (siehe Anleitungen in den FAQs)

Unterstützt auch:

  • WordPress Galerien (Option „Link zur“ muss auf „Medien-Datei“ gesetzt sein)
  • NextGEN Galerien (siehe Anleitungen)
  • Image Maps (siehe Anleitungen)
  • WordPress Menu Elemente (siehe Anleitungen in den FAQs)
  • Jetpack unendliches Scrollen
  • WordPress Multsite (siehe Installationsanleitung)

Zusätzliche Einstellungen:

  • Modal Window Option (siehe Anleitungen in den FAQs)
  • Automatische Erkennung von Links zu Medien-Dateien
  • Automatische Erkennung von Galerien
  • Popup bei Page-Load optional (siehe Anleitungen in den FAQs)
  • Blenden oder elastische Popup-Effekte
  • Styling Optionen für Lightbox-Überleger (Farbe und Transparenz) und Fenster (Rahmenbreite und – farbe)

Für erweiterte Optionen und Priority Support gibt es eine Pro Erweiterung. Siehe Pro Features nachstehend.

Siehe FAQ’s für Anleitungen um YouTube, Dailymotion und Vimeo (und ähnliche Dienste) File zu verwalten und Tipps, um Inline-Content in einem FancyBox Überleger anzuzeigen

Erhalte Unterstützung auf der Easy FancyBox Website oder im WordPress Forum.

Besuche FancyBox für mehr Infos und Beispiele.

PRO FEATURES

  • Vorrangiger Support im eigenen Forum
  • Slideshow Effekt für Galerien (Autorotation)
  • Spotlight Effekt für den Lightbox-Überleger
  • FacetWP, Gravity Forms und TablePress kompatibel
  • Weitere Styling-Optionen: abgerundete Ecken, Inline Content Hintergrund und Textfarben
  • Weitere automatische Popup-Optionen: ausgelöst über URL hash, erster Link nach Medientyp, Popup nach erstem Besuch nicht mehr anzeigen
  • Übergib spezifische Lightbox-Einstellungen über den Link zur Mediendatei mit Hilfe einer Link-Klasse (siehe Metadaten Anleitung in den FAQs)
  • Weitere Elastik-Effekte für Öffnen und Schließen von Popups
  • Zeige/Verberge Bild-Titel bei Maus-over
  • Exakte Einstellung der automatischen Erkennung von Links zu Medien und Galerien, zur Anpassung an das Markup des verwendeten Themes um zB. Galerien pro Beitrag zu ermöglichen.

Für diese zusätzlichen Features musst Du die Pro Erweiterung zusätzlich zu dieser kostenlosen Version des Plugins installieren

Mitwirken

Falls Du mit dem Plugin zufrieden bist, dann schreibe eine rasche Bewertung oder unterstütze andere Benutzer im Support Forum.

Falls Du beim Aufbau dieses Plugins mithelfen möchtest, dann bist Du sehr willkommen Easy FancyBox in Deine Sprache zu übersetzen oder Code auf Github beizutragen.

Bekannte Konflikte & Probleme

Siehe Easy FancyBox Troubleshooting.

Screenshots

  • Beispielbild mit Überleger Caption. Das ist die Standardanzeige von Easy FancyBox für Bilder. Weitere Optionen sind Insideund das alte Outside.

  • Beispiele eines YouTube Filmes in der Überlagerung.

Installation

WordPress

Quick Installation: Jetzt installieren !

… ODER …

Suche nach „easy fancybox“ und installiere auf der Plugins > Installeiren Seite im Backend.

… ODER …

Folge diesen Schritten:

  1. Download Archiv.

  2. Upload der zip-Datei über die Plugins > Installieren > Plugin hochladen … ODER … entpacke die zip-Datei und lade den Ordner via FTP in das Verzeichnis wp-content/plugins/.

  3. Aktiviere das Plugin auf der Plugins-Seite.

Fertig! Alle Bilder, die direkt verlinkt sind (jedoch nicht die mit Link zu einer WordPress-Seite), öffnen nun in FancyBox

Nicht glücklich mit den Standard-Einstellungen? Schaue einmal zu den neuen Optionen auf Einstellungen > Medien.

WordPress MU / WordPress 3+ in Multi Site Modus

Installiere wie oben. Du kannst das Plugin pro Site oder netzwerkweit aktivieren.

Wenn Du das Plugin pro Site aktivierst, wird für jede Site der Medientyp Bilder aktiviert und Easy FancyBox versucht sofort, Bildlinks in der Lightbox zu öffnen.

Bei netzwerkweiter Aktivierung mit Netzwerkaktivierung werden die Unterwebsites nicht für jeden Medientyp aktiviert. Die Optionen sind für die Site-Administratoren vorhanden und können entweder aktiviert oder deaktiviert bleiben.

FAQ

Was ist FancyBox?

Grundsätzlich ist es zeitgemäße Art, Bilder, Videos, Dokumente in Inline-Content in Deiner Website zu präsentieren. Beispielweise werden damit Bilder – deren verkleinerte Version Du im Beitrag mit einem Link zur Originaldatei gespeichert hast , nicht auf einer leeren Seite sondern im FancyBox Überleger gezeigt. Besuche FancyBox für weitere Infos und Beispiele.

Welche Version von FancyBox verwendet dieses Plugin?

Dieses Plugin verwendet eine aktualisierte Version der original FancyBox 1.3.4, besser angepasst für mobile Anwendungen.

Ich habe das Plugin installiert. Was nun?

Zuerst stelle sicher, dass die Thumbnails in den Seiten und Beiträgen mit dem entsprechende Bild in Originalgröße verlinkt sind. Wähle irgendeinen Beitrag zum Bearbeiten und Auswählen des ersten Thumbnails. Klick auf denBearbeiten Button der nun angezeigt wird und wähle Link zur: Medien-Datei File.Jetzt öffnet sich bei Klick auf das Thumbnail die Original-Version in FancyBox.

Das gleich funktioniert mit WordPress Galerien. Wähle Link zur: Medien-Datei beim Einfügen einer Galerie.

Wo sind die Einstellungen?

Es gibt keine neue Einstellungen-Seite aber es gibt viele Optionen, die Du ändern kannst. Du findest einen neuen FancyBox Abschnitt auf Einstellungen > Medien. Die Standardeinstellungen siehst Du auf den Screenshots mit Beispielen

Hilfe! Es funktioniert nicht …

Bitte folge den Schritten zur Fehlerbehebung, um die Ursache zu ermitteln. Wenn dies fehlschlägt, frage im Easy FancyBox WordPress-Forum um Support oder besuche die Entwicklungsseite

Ich habe eine weitere Frage

Sieh Dir die erweiterten FAQs zu Easy FancyBox an.

Rezensionen

15. Oktober 2022 8 Antworten
I went back to version 1.8.19, because the dropping of SWF support is unfortunate. I know that Adobe's Flash is deprecated and not supported anymore, but I use Easy Fancybox to display an animated Flash clock with the help of scripts by Ruffle. Please consider adding SWF support again. Update 15-10-22: plugin developer Rolf helped me out on this issue. Flash clock is ticking again. See his reply below. Back to 5 stars rating. 😉
30. März 2022
such a useful plugin! and thank you so much for the great support
15. Januar 2022
This is one of my favorite plugins, I use it on every site I create where images are an integral part of the messaging (and even some where they're not), because it makes for an elegant visitor experience when site visitors wish to view a larger version of the image. It's very lightweight, and adding it's Settings to the Media overview is very sensible. The free version is packed with features but the premium version adds even more sophistication for those websites that may need more.
16. Juli 2021
The beauty of the plug-in is the mapping of many media links including SVG, the performance and yes, the design. So and beyond the plug-in is ideal and professional the PRO! - Thank you very much, I am very satisfied.
Alle 174 Rezensionen lesen

Mitwirkende & Entwickler

„Easy FancyBox“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

„Easy FancyBox“ wurde in 14 Sprachen übersetzt. Danke an die Übersetzerinnen und Übersetzer für ihre Mitwirkung.

Übersetze „Easy FancyBox“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

=1.9.5 =
* FIX: ARIA attributes
* FIX: jQuery.fn.click() shorthand deprecated

1.9.4

  • FIX: Classic large content scroll
  • FIX: Classic gallery overflow flicker
  • FIX: Legacy float title position
  • FIX: upgrade notice
  • FIX: overlay opacity ignored (classic)
  • FIX: onStart not a function (legacy)
  • FIX: Passing event parameters failing
  • FIX: Case insesitive selectors failing
  • FIX: Admin message display issue

1.9

  • NEW: Swipe support
  • NEW: Optional fancyBox 2 or Legacy scripts
  • Fixed background
  • Dropped IE6-8 support
  • Dropped SWF support (only availbale in Legacy)
  • Accessibility improvements

1.8.19

  • Admin settings links
  • Pro compatibility message for VideoPress
  • NEW: Exclude selector option
  • FIX: border 0 ignored sometimes

1.8.18

  • FIX: Jetpack Tiled Gallery block compatibility
  • Don’t include mousewheel script by default
  • SECURITY: fixed failing color value sanitization + added inline styles output filter, issue reported by Jakob Hagl sba-research.org

1.8.17

  • Pro compatibility messages
  • Support forum link

1.8.16

  • FIX: Trying to get property ‚ID‘ of non-object
  • mark WordPress 5.2 compatible

1.8.15

  • FIX: inline wrapper nesting issue
  • Revert to file names without version

1.8.13

  • FIX: version constant issue
  • Prepare Visual Composer Masonry Grid Gallery compatibility option

1.8.11

  • FIX: Vimeo player direct links breaking

1.8.10

  • Force default autoselector for galleries

1.8.9

  • Prevent gallery next/prev links to show dud target
  • FIX: allow youtube url parameters before v=

1.8.7

  • Autoplay Youtube/Vimeo/Dailymotion
  • FIX: Exclude Vimeo user pages from autodetect
  • FIX: Exclude facebook/twitter share link
  • FIX: PDF embed tag

1.8.6

  • Gutenberg file block download button compatibility
  • Gutenberg gallery block compatibility
  • FIX: Missing argument in easyFancyBox::add_video_wmode_opaque()
  • Remove version URL parameters
  • FIX: jQuery 3+ e.indexOf is not a function

1.8.5

  • FIX: prevent Inline content title

1.8.4

  • Improved center on scroll behavior with title outside
  • FIX: Pro options compatibility

1.8.3

  • FIX: AutoScale option restored
  • FIX: outline issue in Firefox
  • Prevent SiteGround Optimizer warning about break outside loop

1.8.2

  • FIX: main method not returning true in some cases
  • Force all hosted video to https
  • FIX: video iframe needs allow=“autoplay“ on modern browsers
  • FIX: default enqueue priority not 10
  • FIX: possible infinite loop in prev/next and image preloader
  • Move main method (back) to init, position 9
  • Introducing easy_fancybox_enqueue_scripts action hook

1.8

  • NEW: Google Docs Viewer for PDF
  • NEW: Youtube privacy-enhanced embed
  • NEW: Compatibility options: late script inclusion, jquery exclusion, no wp_add_inline_script
  • FancyBox: Improved mobile viewport height detection
  • FancyBox: now skips subsequent double links in gallery
  • FancyBox: new PDF content type
  • FancyBox: improved error messages
  • Dedicated IE8 stylesheet
  • jQuery Easing update to 1.4.1

1.7

  • NEW: Aspect ratio for video frames on smaller screens
  • NEW: Global minimum screen size
  • NEW: Loading icon for video/iframe content
  • NEW: Resize light box on device orientation or browser window size change
  • NEW: Modal window class and close button class
  • FIX: pre PHP 5.4 compatibility
  • FIX: iPhone iframe scrolling
  • FIX: Autoptimize compatibility
  • Switch to wp_add_inline_script() script printing, thanks @szepeviktor

1.6.3

  • FIX: inline js minification incompatibility, thanks @alexiswilke

1.6.2

  • FIX: line breaks hidden on options media admin page since WP 4.9, thanks @garrett-eclipse

1.6.1

  • Nolightbox class in menu also for other media types than images
  • FIX: CSS color code
  • Spelling fixes, thanks @garrett-eclipse
  • FIX: Pinterest button compatibility
  • FIX: Double load plugin text domain

1.6

  • Ergänze webp um standardmäßig Bildtypen automatisch zu erkennen
  • Weitere rel-Attribute aus Galerien entfernen
  • BUGFIX: gallery preload
  • Update jquery.easing.js and jquery.mousewheel.js

1.5.8.2

  • BUGFIX: use dirname(FILE) instead of relying on DIR to be available
  • Explizite Transparenz für Galerie Navigation-Links

1.5.8

  • FIX: variable variable php 7 compat
  • FIX: obj undefined in minified js
  • FIX: nofancybox in menu ignored, thanks Trishah
  • Color value sanitize
  • NEW: auto popup delay
  • NEW: pro extension version compatibility check routine
  • NEW: margin option
  • NEW: iFrame alow full screen option
  • Dropped mu-plugins support
  • Added support for universal nolightbox class
  • Set focus on iframe after load
  • FIX: No center on scroll on touch devices
  • FIX: Allow fullscreen videos

1.5.7

  • FIX: Pro extension link update
  • NEW: WebP support and class=’image‘ to force image media type
  • IE 6-8 css rules optional
  • iframe embed for Youtube, Vimeo and Dailymotion
  • Croation translation
  • HTML5 players allowfullscreen default

1.5.6

  • iPad positioning patch
  • Don’t unregister scripts that are not ours even for conflict prevention
  • box-sizing: border-box issue in Firefox fixed
  • Allow mousewheel scrolling page in the background again

1.5.5

  • Prevent mousewheel scrolling page in the background
  • New stylesheet IE alphaimageloader path fix approach
  • Czech translation added
  • Updated Indonesian translation

1.5.2

  • BUGFIX: easy_fancybox_handler() in combo with trigger(‚click‘) causes Uncaught Exception script error

1.5.1

  • FIX: jQuery 1.9+ compatibility
  • Dropping support for gForms again — „Cannot convert ‚c‘ to object“ error in combination with some older gForms version 🙁
  • NEW: support for Infinite Scroll by Jetpack

1.5.0

  • FIX: CSS3 box-sizing issue (Twenty Thirteen) misplacing close button
  • NEW: Added SVG support. Thanks to Simon Maillard.
  • Pre WP 3.6: jQuery 1.9+ compatibility
  • JQuery Mousewheel extension update to 3.1.3
  • NEW: Elegant Themes compatibility
  • Some small Touch device compatibility improvement hacks to the 1.3.4 script
  • Major plugin overhaul: Class implementation
  • NEW: Disable hide on overlay click
  • NEW: Allow automatic resizing to large image size set on Settings > Media during media upload via the hidden WordPress function media_upload_max_image_resize()
  • NEW Options: iFrame scrolling, autoScale, key navigation/close, cyclic galleries
  • Metadata custom parameters and Mousewheel gallery scrolling scripts optional
  • Basic RTL languages/text direction support (gallery navigation inversion, title position)
  • BUGFIX: https in stylesheet on Windows IIS
  • Improved W3TC compatibility: query string issue
  • Gravity Forms in ajax mode compatibility
  • Use jQuery’s bind(‚ready‘) for better ajax content compatibility
  • Dynamic stylesheet response headers to allow browser caching
  • Minified version of jquery.metadata.js
  • Auto-detect on image map areas
  • nolightbox class for menu items
  • SECURITY: Settings sanitization
  • BUGFIX: load_textdomain firing after the main settings array is loaded, leaving text strings in it untranslated.
  • BUGFIX: missing signs in Youtube url regular expression
  • BUGFIX: unquoted rel attribute selectors in jquery.fancybox-1.3.4.js
  • BUGFIX: broken url path in IE stylesheet when missing $_SERVER[‚SERVER_NAME‘]
  • BUGFIX: easing extension not needed on linear easing

1.3.4.9

  • NEW: Lithuanian translation
  • NEW: Hindi translation
  • NEW: Indonesian translation
  • NEW: Romanian translation
  • NEW: Polish translation
  • NEW: Spanish translation
  • NEW: jQuery Metadata support
  • NEW: Image map AREA support for all content types
  • NEW: new iFrame/HTML5 embed code for YouTube, Vimeo and Dailymotion
  • NEW: fix WordPress Dailymotion auto-embed code missing wmode
  • Some changes to default settings
  • Updated Dutch translation
  • BUGFIX: Opening speed

1.3.4.8

  • NEW: Advanced option: Gallery auto-rotation
  • NEW: Spotlight effect
  • Improved auto-enable and auto-gallery settings
  • BIGFIX: CSS IE6 hack
  • BIGFIX: PDF object in IE7

1.3.4.6

  • PDF embed compatibility improvement
  • NEW: Show/hide title on mouse hover action
  • NEW: Auto-gallery modes (Disabled, page/post images only, all)
  • NEW: Dailymotion support
  • Links with id fancybox-auto will be triggered on page load
  • Anything with class fancybox-hidden“ will be hidden
  • Support for menu items in iframe
  • Added class nofancybox for exclusion when auto-enabling

1.3.4.5

  • FancyBox script version 1.3.4 (2010/11/11 – http://fancybox.net/changelog/)
  • NEW: Support for PDF
  • NEW: Easing options
  • YouTube, Vimeo and iFrame options adjustable
  • lots and lots of more options!
  • BIGFIX: work-around for missing wmode in WordPress (auto-)embedded movies (credits: Crantea Mihaita)

1.3.3.4.2

  • BIGFIX: iframe width
  • BIGFIX: image overlay size in Google Chrome browser issue (FancyBox 1.3.3)
  • BIGFIX: fancybox-swf

1.3.3.4

  • FancyBox script version 1.3.3 (2010/11/4 – http://fancybox.net/changelog/)
  • Vimeo support
  • YouTube Short URL support (disabled by default)
  • Auto-recognition and seperate class fancybox-youtube for YouTube
  • Auto-recognition and seperate class fancybox-vimeo for Vimeo

1.3.2

  • FancyBox script version 1.3.2 (2010/10/10 – http://fancybox.net/changelog/)

1.3.1.3

  • translation .pot file available
  • Dutch translation
  • NEW: YouTube and Flash movie support
  • NEW: Iframe support
  • added option Auto-enable for…

1.3.1.2

  • added option titlePosition : over / inside / outside
  • added option transitionIn : elastic / fade / none
  • added option transitionOut : elastic / fade / none

1.3.1.1

  • small jQuery speed improvement by chaining object calls

1.3.1

  • Using FancyBox version 1.3.1