TYPO3 Plugin:
mp_jquerylib_queryloader2
QueryLoader v2
QueryLoader v2 ist eine bessere Version des alten Skripts aus dem Jahr 2009. Es dient hauptsächlich dazu, die Bilder auf Ihrer Website vorab zu laden, indem es ein Overlay und eine Ladebalken anzeigt. Es holt automatisch alle Ihre Bilder und Hintergrundbilder und lädt sie vor, bevor es die Webseite anzeigt. QueryLoader funktioniert derzeit mit jQuery v1.9 und in IE-Version > 7, Chrome, Safari und Firefox.
Den vollständigen Beitrag findest du hier: http://www.gayadesign.com/diy/queryloader2-preload-your-images-with-ease/
Wie man es benutzt
Fügen Sie das Skript in den Kopfbereich Ihrer Webseite ein.
<script src="path/to/file/jquery.queryloader2.js" type="text/javascript"></script>
Stellen Sie sicher, dass Sie es hinzufügen, nachdem Sie jQuery aufgenommen haben.
Rufen Sie nun QueryLoader in einer $(document).ready() wie dieser auf:
$(document).ready(function () {) {
$("body").queryLoader2();
});
Für den Support auf iOS-Geräten verwenden Sie den folgenden Code:
window.addEventListener('DOMContentLoaded', function() {) {
$("body").queryLoader2();
});
Installation mit Bower
bower install queryloader2
Dank an
BilderLoaded by desandro - https://github.com/desandro/imagesloaded
Grundlegende Anwendung
$(selector).queryLoader2(options);
Optionen
hintergrundFarbe
(string) Hintergrundfarbe des Laders (in hex). Standard: "#000".
barFarbe
(string) Hintergrundfarbe des Balkens (in hexadezimaler Darstellung). Standard: "#FFF".
barHöhe
(int) Höhe des Balkens in Pixel. Standard: 1
completeAnimation
(string) setzen Sie den Animationstyp am Ende. Optionen: "wachsen" oder "verblassen". Standard: " Fade ".
minimale Zeit
int) Zeit in Millisekunden, die die Ladung laufen muss. Wenn die Zeit nicht abgelaufen ist, wird die Animation trotzdem angezeigt. Standard: 500
tiefensuche
(boolean) auf true gesetzt, um ALLE Bilder mit den ausgewählten Elementen zu finden. Wenn Sie nicht möchten, dass queryLoader die Kinder durchsucht, setzen Sie auf false. Standard: true
prozentsatz
(boolean) Wird auf true gesetzt, um die prozentuale Darstellung zu ermöglichen. Standard: false
onComplete
(Funktion) wird diese Funktion aufgerufen, sobald das Laden und die Animation abgeschlossen sind. Standard: keine
onLoadComplete
(Funktion) Diese Funktion wird aufgerufen, sobald das Laden abgeschlossen ist, vor der Endanimation. Standard: keine
Benötigen Sie schnelle Hilfe mit dieser Extension? Unser Team von erfahrenen TYPO3-Entwicklern löst Probleme unkompliziert und zum Stundensatz.
Verteilung:MP_JQUERYLIB_QUERYLOADER2 ist auf
0.01 % aller TYPO3 installiert.
- 0.06 % aller TYPO3 8.7.x Installationen installiert
Aktualität:MP_JQUERYLIB_QUERYLOADER2 ist auf dem neusten Stand (v.unknown) bei
100 % aller TYPO3 Installationen
- 0 % aller TYPO3 9.5.x Installationen
- 0 % aller TYPO3 9.3.x Installationen
- 0 % aller TYPO3 9.2.x Installationen
- 0.06 % aller TYPO3 8.7.x Installationen
- 0 % aller TYPO3 7.6.x Installationen
- 0 % aller TYPO3 7.5.x Installationen
- 0 % aller TYPO3 7.4.x Installationen
- 0 % aller TYPO3 7.3.x Installationen
- 0 % aller TYPO3 7.2.x Installationen
- 0 % aller TYPO3 7.1.x Installationen
- 0 % aller TYPO3 7.0.x Installationen
- 0 % aller TYPO3 6.2.x Installationen
- 0 % aller TYPO3 6.1.x Installationen
- 0 % aller TYPO3 6.0.x Installationen
- 0 % aller TYPO3 5.0.x Installationen
- 0 % aller TYPO3 4.7.x Installationen
- 0 % aller TYPO3 4.6.x Installationen
- 0 % aller TYPO3 4.5.x Installationen
- 0 % aller TYPO3 4.4.x Installationen
- 0 % aller TYPO3 4.3.x Installationen
- 0 % aller TYPO3 4.2.x Installationen
- 0 % aller TYPO3 4.1.x Installationen
- 0 % aller TYPO3 4.0.x Installationen
- 0 % aller TYPO3 3.5.x Installationen
Gosign-Responsive Index: TYPO3 Installationen nutzen MP_JQUERYLIB_QUERYLOADER2 zu
- 100 % wenn der Gosign-Responsive-Index zwischen 80 % und 100 % ist
- 0 % wenn der Gosign-Responsive-Index zwischen 60 % und 80 % ist
- 0 % wenn der Gosign-Responsive-Index zwischen 40 % und 60 % ist
- 0 % wenn der Gosign-Responsive-Index zwischen 20 % und 40 % ist
- 0 % wenn der Gosign-Responsive-Index zwischen 0 % und 20 % ist
Pagespeed: TYPO3 Installationen nutzen MP_JQUERYLIB_QUERYLOADER2 zu
- 0 % wenn der Pagespeed zwischen 80 % und 100 % ist
- 0 % wenn der Pagespeed zwischen 60 % und 80 % ist
- 100 % wenn der Pagespeed zwischen 40 % und 60 % ist
- 0 % wenn der Pagespeed zwischen 20 % und 40 % ist
- 0 % wenn der Pagespeed zwischen 0 % und 20 % ist
[DependciesAndConflicts]
Häufig benutzt mit:
- mp_cookie_control
- sr_language_menu
- mp_jquerylib_cycle
- gridelements
- mp_jquerylib_cookie
- mp_content_tb_image
- be_secure_pw
- mp_content_tb_twit
- tt_address
- mp_jquery
- mp_content_tb_twib
- jumpurl
- mp_content_header
- static_info_tables_de
- mp_schwabe_pflichttext
- mp_jquerylib_shadowbox
- mp_content_tb_text
- static_info_tables
- mp_content_ce_twit
- mp_schwabe_arzneipflanzen