nach langer Zeit und auf Wunsch einiger User, habe ich noch einmal das FancyBox-Plugin überarbeitet. Basis ist noch immer die Version 1.3.4, die unter MIT / GPL kostenlos verwendet werden kann.
Änderungen:
- CSS3 anstatt Grafiken für Rahmen etc.
- Inline-CSS für alte IE's entfernt
- Kompatibel mit jQuery 1.9+ und jQuery 3.0+ (getestet mit 3.1.1)
- Kein jQuery-Migrate-Plugin mehr nötig
- Navigationselemente und optional Titel werden nach dem Laden eine einstellbare Zeit eingeblendet
- Klick in die Boxmitte zeigt Navigation und optional Titel für einstellbare Zeit an
- Größe im Browser optimiert. Margin und Padding (= der weiße Rahmen um die FancyBox) lässt sich per Konfiguration anpassen
- Bessere Kompatibilität auf Touch-Geräten (Navigationsicon blieb nach Tap immer sichtbar. Stichwort: :hover und Touchgeräte)
- Wischen nach links: vorheriges Element
- Wischen nach rechts: nächstes Element
- Während Wischgesten wird scrollen der Seite blockiert
- Gerät drehen: aktuelles Element wird neu geladen und skaliert
Die aktuelle Version 4.0 des Plugins funktioniert auch mit dem aktuellen CMSimple 4.6.4 - aus der Richtung kam auch eine große Zahl Anfragen in der Sache.
Demo: http://holgerirmler.de/fcbtmp/?Galerie_1
Download: http://cmsimple.holgerirmler.de/?Plugin ... e:Download
***********************************************************************************************************************************
***********************************************************************************************************************************
Hi,
because of a lot requests I've created a new version of my FancyBox-Plugin. It's still using fancybox version 1.3.4 so you can use it under the MIT / GPL for free.
Changes:
- CSS3 instead graphics for design elements.
- Inline-CSS for older IE's removed
- Runs with jQuery 1.9+ and jQuery 3.0+ (tested with 3.1.1)
- Does not require jQuery-Migrate-Plugin
- Shows and fades out the navigation elements and (as an option) the title after a configurable time
- A click or tap on the middle of the box shows the navigation icons again
- Size in the viewport optimized. Margin and padding (= the white border around the FancyBox) is now configurable
- Better compatibility on touch devices (tries to fix the sticky navigation arrow caused by CSS :hover)
- Swipe left for prev. element
- Swipe right for next element
- Locks scrolling when swiping the box
- On orientation change, FancyBox reloads to resize the active element
Because of a lot of requests, this new version 4.0 is also compatible with CMSimple 4.6.4.
Demo: http://holgerirmler.de/fcbtmp/?Galerie_1
Download: http://cmsimple.holgerirmler.de/?Plugin ... e:Download