Demo

Probiere ClanSphere aus und teste daran herum. Demo


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 ClanSphere Team


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
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 ClanSphere Team


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
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
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.
<script type="text/javascript" src="js/queryLoader.js"></script>


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!"


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 22:26 Uhr (1x Editiert)
Inaktiv
|
ichraffsnicht ClanSphere Team

Supporter
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 ClanSphere Team


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!"


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 26.02.2011 um 13:01 Uhr (2x Editiert)
Inaktiv
|
Antworten: 11
Seite [1]


Sie müssen sich registrieren, um zu antworten.