Preloader gesucht...

tobm_knows_best

Erfahrenes Mitglied
Hallo mal wieder - es scheint wohl zu meiner Lieblingsbeschäftigung geworden zu sein mich hier im 3h - Takt zu melden...

Mich würde es interessieren, ob jemand vielleicht schöne, simple Preloader für komplette Homepages aus seinem Repartoir anzubieten hat. Leider kann ich im Internet nur einen jQuery-PreLoader finden: http://www.pas-solutions.ch/webdesign/queryloader-webseiten-oder-elemente-mit-jquery-vorausladen/

Der setzt bei mir allerdings aus - und ich habe mich ausnahmsweise mal an die Beschreibung gehalten.... Keine doppelten Codes etc....

Vielleicht hat jemand eine gute Alternative parat... ?!

Merci schon mal im Voraus :)

VG
 
Öhm, wieso postet du das hier im HTML-Bereich, und nicht im Fachforum für JavaScript?!

Umleitung durch einen Mod ist beantragt.
 
Ich möchte keine anderen Foren verrufen - aber wenn man bereits in solchen ein Frage stellt, gehen die meisten *Stammuser* wohl davon aus bereits die Antwort zu kennen... Entsprechend die Reaktion mit der eindringlichen Nachfrage auf eventuelle Kompetenzen, welche man ja aufgrund seiner noch nicht vorhandenen Unwissenheit auch nicht vorweisen kann - schlussendlich wird man für schlichtweg *Doof* erklärt und eine Antwort kommt nach 10 Seiten Diskussion immer noch nicht :D

Darum mein schlechtes Gewissen :)

Aber weil ich gerade dabei bin... Werter "Spicelab" hat nicht vielleicht zufällig einen guten Link parat? :rolleyes:
 
OK - ich versuche mal die abgespeckte Version zu posten: Im Folgenden alles was im Header bei mir zu finden ist:

HTML:
<!-- Hier PRE-LOAD-Start -->
<!-- Der Bereich hier wurde auskommentiert, da ich diesen ja schon im "Import jQuery" stehen habe" <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'></script> -->
<link rel="stylesheet" href="css/queryLoader.css" type="text/css" />
<script type='text/javascript' src='js/queryLoader.js'></script>
<!-- Hier PRE-LOAD-Ende -->

<!-- Import jQuery-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
var scrollSpeed = 70; 		// Speed in milliseconds
var step = 1; 				// How many pixels to move per step
var current = 0;			// The current pixel row
var imageHeight = 5000;		// Background image height
var headerHeight = 300;		// How tall the header is.
//The pixel row where to start a new loop
var restartPosition = -(imageHeight - headerHeight);
function scrollBg(){
//Go to next pixel row.
current -= step;
//If at the end of the image, then go to the top.
if (current == restartPosition){
current = 0;
}
//Set the CSS of the header.
$('#header').css("background-position","0 "+current+"px");
}
//Calls the scrolling function repeatedly
var init = setInterval("scrollBg()", scrollSpeed);
</script>
<script src="SpryAssets/SpryTooltip.js" type="text/javascript"></script>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<link href="SpryAssets/SpryTooltip.css" rel="stylesheet" type="text/css" />
<meta name="Keywords" content="*XXX*" />
<meta name="Description" content="*XXX* | *XXX* - Sicherheitsdienst und Bewachungsunternehmen in *XXX*, *XXX*" />
</head>

und der erforderliche Zusatz vor dem Ende des Body-Tags:

HTML:
<script type="text/javascript">
var sprytooltip1 = new Spry.Widget.Tooltip("sprytooltip1", "#sprytrigger1", {useEffect:"fade", followMouse:true, closeOnTooltipLeave:true});
var sprytooltip2 = new Spry.Widget.Tooltip("sprytooltip2", "#sprytrigger2", {useEffect:"fade", closeOnTooltipLeave:true, followMouse:true});
</script>
<!-- PRE-Loader-Start -->
<script type='text/javascript'>
QueryLoader.init();
</script>
<!-- PRE-Loader-Ende -->
</body>

css-datei & js-datei wie angegeben natürlich in den richtigen Verzeichnissen :( Bei mir zeigt´s schlussendlich nur den schwarzen Bildschirm an - OHNE Ladebalken....

Hilft das für´s erste?

VG
 
HTML:
<!-- Hier PRE-LOAD-Start -->
<!-- Der Bereich hier wurde auskommentiert, da ich diesen ja schon im "Import jQuery" stehen habe" <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'></script> -->
<link rel="stylesheet" href="css/queryLoader.css" type="text/css" />
<script type='text/javascript' src='js/queryLoader.js'></script>
<!-- Hier PRE-LOAD-Ende -->

<!-- Import jQuery-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
Die jQuery-Bibliothekdatei jquery.min.js wird grundsätzlich im Quelltext zuallererst geladen, bevor ein jQuery-Script zur Ausführung kommt - in deinem gezeigten Code vor queryLoader.js.

Nimm daher den HTML-Kommentar für die erste wieder zurück, und entferne die darauffolgende.
 
Zuletzt bearbeitet:
Zurück