Beschreibung
AeroWindow - Plugin für jQuery - Windows Aero Style für Websites
AeroWindow erstellt Popup-Fenster im Aero Stil, angelehnt an den Style von Window7. Die Popup-Fenster bieten die gewohnten Möglichkeiten und volle Funktionalität analog zu Windows Fenstern.
TOP DOWNLOADS
- Windows Desktop Feeling for Websites
- Bubble Engine - jQuery Plugin
- Live Website-Übersetzung
Features
- Besonderheit: Live animierter Glossy Aero Look (siehe Header beim Verschieben)
- Gewohnte Fenster Buttons: Minimieren, Verkleinern, Maximieren und Schließen
- Doppelklick Unterstützung wie in Windows (Maximieren, Verkleinern)
- Aktives Fenster wird visuell hervorgehoben, wie in Windows
- Vom Anwender stufenlos skalierbare Fenstergröße
- Verschiebbare Fenster durch Maus dragging
- Gewohntes Z-Order-Management wie in Windows
- + Animierte Veränderung der Fenstergröße
- + Vielfältige Konfigurationsmöglichkeiten
Konfigurationsmöglichkeiten
- Fenster Titel
- Fenster Startposition X/Y (auch zentriert mögich)
- Fenster Standardgröße
- Fenster Mindestgröße
- Fenster Status beim öffnen (Minimiert, Maximiert, Normal)
- Fenster Animation (30 verschiedene Easing Methoden)
- Fenster Generierung durch Maus Events & JavaScript Funktionsaufrufe
Kompatibilität geprüft in den folgenden Browsern
- Internet Explorer 6
- Internet Explorer 7
- Internet Explorer 8
- Mozilla Firefox 3
- Google Chrome 4
- Apple Safari 4
- Opera 10
Einfache Verwendung in bestehende Websites
Verwenden Sie AeroWindow in Ihrer bereits bestehenden Website. Die Integration ist kinderleicht.
Die simpelste Art AeroWindow zu verknüpfen:
- $('#YourContainerDiv').AeroWindow({
- WindowTitle: 'My first very cool Aero Window for Web',
- });
Besondere Konfigurationswünsche lassen sich optional einfach hinzufügen:
- $('#YourContainerDiv').AeroWindow({
- WindowTitle: 'My first very cool Aero Window for Web',
- WindowPositionTop: 'center',
- WindowPositionLeft: 'center',
- WindowWidth: 600,
- WindowHeight: 400,
- WindowMinWidth: 100,
- WindowMinHeight: 100,
- WindowAnimationSpeed: 500,
- WindowAnimation: 'easeOutCubic',
- WindowResizable: true,
- WindowDraggable: true,
- WindowMinimize: true,
- WindowMaximize: false,
- WindowClosable: true
- });
Changelog
Änderungen in Version 3.5 (09.06.2010)
Neue Konfigurationsoptionen:
- WindowAnimationSpeed
- Bugfix: brs können nun korrekt in der Größe geändert werden
- Bugfix: Die Window Buttons sehen jetzt sauber aus, in sämtlichen Konfigurationen
- Bugfix: Fenster ohne Maximieren-Button können nicht mehr mittelsDoppelklick auf den Header maximiert werden
- Bugfix: Beim Klicken auf die Buttons erscheinen nicht keine Raute (#) in der Browser-URL
- Bugfix: Dragging ist nicht mehr im Content-Bereich möglich. Nur im Header.
- Bugfix: Der Inhalt kann nun gescrollt werden
- Bugfix: IE JavaScript Abstürze gefixt
Änderungen in Version 2.0:
Die Konfiguration wurde um folgende Optionen erweitert:
- WindowResizable
- WindowMaximize
- WindowMinimize
- WindowClosable
- WindowDraggable