:: ClanSphere :: Free OpenSource Clan CMS :: - Forum

Antworten: 11

Seite [1]

LoNE|Hitman

King for a day

Beiträge: 376

# Thema - 24.02.2011 um 14:23 Uhr

Hi ich bins mal wieder,

ich hoffe ich nerve euch nicht zu sehr mit meinen Fragen und Anliegen, aber ich habe halt gewisse Vorstellungen wie die Page werden soll und das erfordert leider einiges an Fragerei^^

Mein aktuelles Anliegen ist ein Website Preloader. Da ich viele Bilder habe würde ich diese gerne im Voraus laden lassen und erst nach vollständigem Laden die Page freigeben. Das Ganze natürlich am Besten mit einem halbtransparenten Overlay über der Page und einer Statusanzeige. Ich habe schon viel gegoogelt nur irgendwie scheint es nichts zu geben, dass mit der von euch mitgelieferten jquery Version läuft.
Ich will aber auch nicht zig verschiedene jquery Librarys in der Page haben. Wenn da schon eine aktuelle ist sollte man die ja auch nutzen, oder?

Wisst ihr da vielleicht einen Lösung für?

------------------

"Wer glaubt ein Licht am Ende des Tunnels zu sehen, sollte sich Gedanken machen, ob es nicht ein Zug ist, der einem entgegen kommt!"

System Info:
Clansphere Version: 2011.4.3
CS Website: http://www.lone-clan.de/
Browser: Firefox 27.0 / IE 9 / Safari 5 / Opera 11.11 / Google Chrome 7
OS: Windows 7 Home Premium x64

Inaktiv

SCHIRI

Weltmeister

Herkunft: Hamburg
Beiträge: 5299

# Antwort: 1 - 24.02.2011 um 18:12 Uhr

Mit welcher jQuery-Version läuft denn das, was du gefunden hast? Eigentlich hat jQuery zwischen den verschiedenen Versionen nicht so viele API-Breaks. Ausserdem ist es ja keine besondere Version von jQuery, die wir mitliefern, sondern der ganze normale Release (wenn vllt auch inzwischen vielleicht ein Jahr alt)

------------------
www.laszlokorte.de

Inaktiv

ichraffsnicht ClanSphere Team

Supporter

Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191

# Antwort: 2 - 24.02.2011 um 19:22 Uhr

ist kein jahr alt schiri, hatte hajo erst aktualisiert. mitlerweile gibts wieder ne neue, da werd ich uah mal das update machen.

------------------

Inaktiv

SCHIRI

Weltmeister

Herkunft: Hamburg
Beiträge: 5299

# Antwort: 3 - 24.02.2011 um 19:34 Uhr

Ok, ich hatte grad nicht im Kopf, wann die letzt 1.4er Version released wurde.

Aber auf jedenfall sollten fast alle jQuery-Plugins zumindest forward kompatibel sein. Und in einem Preloader steckt ja auch nicht so viel fancy stuff, als dass er die neusten Features nutzen müsste und damit nict backwardskompatibel wäre.

Wichtig ist natürlich, dass er NACH jquery eingebunden wird.

------------------
www.laszlokorte.de

Inaktiv

LoNE|Hitman
Thread-Ersteller

King for a day

Beiträge: 376

# Antwort: 4 - 25.02.2011 um 14:34 Uhr

Also die Script die ich gefunden hatte, sind folgende:
http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/
http://plugins.jquery.com/files/jLoader.js_0.txt
Leider scheinen diese nur für die Version 1.3 zu funktionieren, oder?

Wie kann ich eigentlich die CS interne jquery Library aktualisieren? Einfach die aktuelle Library, derzeit 1.5.1, runterladen und in die jquery.js einfügen nachdem ich den Inhalt gelöscht hab?

------------------

"Wer glaubt ein Licht am Ende des Tunnels zu sehen, sollte sich Gedanken machen, ob es nicht ein Zug ist, der einem entgegen kommt!"

System Info:
Clansphere Version: 2011.4.3
CS Website: http://www.lone-clan.de/
Browser: Firefox 27.0 / IE 9 / Safari 5 / Opera 11.11 / Google Chrome 7
OS: Windows 7 Home Premium x64

Zuletzt editiert von LoNE|Hitman am 25.02.2011 um 14:50 Uhr (1x Editiert)

Inaktiv

ichraffsnicht ClanSphere Team

Supporter

Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191

# Antwort: 5 - 25.02.2011 um 19:38 Uhr

hast du es den mal probiert? also einfach das script mal eingefügt?

alle funktionen die jq1.3 hat hat auch 1.4 bzw 1.5 ... sollte also auch funktionieren, ich gehe mal davon aus, das du es lediglich an der falschen stelle eingebunden hast.

am besten binde es einfach mal ein, schick uns nen link, und dann können wir dir sagen, was du falsch gemacht hast, falls es an dem sein sollte ;-)

------------------

Inaktiv

LoNE|Hitman
Thread-Ersteller

King for a day

Beiträge: 376

# Antwort: 6 - 25.02.2011 um 20:09 Uhr

So ich hab jetzt mal versucht das Script von gayadesign einzubinden, doch mein Firebug meldet immer:

QueryLoader is not defined
[Bei diesem Fehler anhalten] <script type='text/javascript'>QueryLoader.init();</script>

Was mache ich falsch?

------------------

"Wer glaubt ein Licht am Ende des Tunnels zu sehen, sollte sich Gedanken machen, ob es nicht ein Zug ist, der einem entgegen kommt!"

System Info:
Clansphere Version: 2011.4.3
CS Website: http://www.lone-clan.de/
Browser: Firefox 27.0 / IE 9 / Safari 5 / Opera 11.11 / Google Chrome 7
OS: Windows 7 Home Premium x64

Inaktiv

ichraffsnicht ClanSphere Team

Supporter

Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191

# Antwort: 7 - 25.02.2011 um 20:28 Uhr

hab jetzt einfahc mal auf den link geschaut, aus deiner signatur ;-) verrätst ihn uns ja ned^^ genau der erwartete fehler, du lädst das script, bevor du jquery lädst. zum verständnis, das ist wie ein spanisches buch zu lesen, ohne spanisch zu können ;-) kommt nix bei raus.

unterhalb von {func:javascript} einfügen. dann lernt das script erst jquery, bevor es versucht es zu lesen ;-)

mfg

------------------

Inaktiv

LoNE|Hitman
Thread-Ersteller

King for a day

Beiträge: 376

# Antwort: 8 - 25.02.2011 um 22:24 Uhr

Das mit dem Link ist extra dafür ja da in meiner Sig. Damit ich den nicht andauernd neu posten muss^^

Ok jetzt läuft das Script. So ein dämlicher Fehler^^ Hätte ich auch von alleine drauf kommen können

Wie kann ich dem Preloader denn jetzt noch sagen, dass er die Hovergrafiken auch mitladen soll? Am besten den ganzen Imageordner?

------------------

"Wer glaubt ein Licht am Ende des Tunnels zu sehen, sollte sich Gedanken machen, ob es nicht ein Zug ist, der einem entgegen kommt!"

Inaktiv

ichraffsnicht ClanSphere Team

Supporter

Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191

# Antwort: 9 - 25.02.2011 um 22:51 Uhr

hmm, dann müsstest du die grafiken schon im erzeugten dom verwenden, ansonsten laden die erst bei hover, also irgendwo im quelltext unsichtbare elemente erstellen, die die bilder laden, allgemein empfihlt es sich auch ein und die selbe grafik für das hover zu verwenden, und es nur verschiebt, dann läd die grafik voll durch

------------------

Inaktiv

SlayR

Geekboy

Herkunft: Calbe (Saale)
Beiträge: 1133

# Antwort: 10 - 25.02.2011 um 22:55 Uhr

Stichwort: css-sprites! wie x-ray es schon andeutete, einfach die grafiken für normal-link und hover-link (z.B.) übereinander in eine grafik-datei schmeissen und dann dem hover nur die "neue" Position der grafik mitteilen.

------------------

--- CLANSPHERE ---
Professional clan care starts here

Inaktiv

LoNE|Hitman
Thread-Ersteller

King for a day

Beiträge: 376

# Antwort: 11 - 26.02.2011 um 01:16 Uhr

Jetzt geht irgendwie garnichts mehr und ich weiß nicht wieso. Ausserdem ist da irgendwie ein Fehler im Script, denn der Firebug meldet sich immer und hat irgend ein Problem mit dieser Stelle:

1.
2.
3.
4.
5.
6.
7.
8.

1. / 2. / ...

ieLoadFix: function() {
45 var ie = navigator.userAgent.match(/MSIE (\d+(?:\.\d+)+(?:b\d*)?)/);
46 if (ie[0].match("MSIE")) {
47 while ((100 / QueryLoader.doneStatus) * QueryLoader.doneNow < 100) {
48 QueryLoader.imgCallback();
49 }
50 }
51 },

Ich hab das ganze jetzt komplett anders gelöst. Hatte noch ein altes Script, das mir einfach eine selbstgebaute Ladeanzeige anzeigt solange die Seite sich aufbaut. Sieht ganz gut aus denke ich und erfüllt seinen Zweck. Das eigentliche Vorladen der Bilder hab ich mit einem div in dem alle vorauszuladenden Bilder via <img src=""> drin sind und welches dann auf display: none; gesetzt wurde erledigt...
Danke für eure Hilfe...

------------------

"Wer glaubt ein Licht am Ende des Tunnels zu sehen, sollte sich Gedanken machen, ob es nicht ein Zug ist, der einem entgegen kommt!"

Inaktiv

Antworten: 11

Seite [1]

Sie müssen sich registrieren, um zu antworten.

Forum - Thema
Nächstes Thema ->
Forum -> Support -> (X)HTML, CSS, JavaScript -> jquery Website Preloader