Hallo an alle!

So in Sachen html und Scripte bin ich noch ein ziemlicher Anfänger, deshalb hab ich dieses Froum hier aufgesucht um meine Fragen hoffentlich beantworten lasse zu können.

Ich habe lange Zeit nach einem Preloader für meine Seite gesucht, auch einen gefunden:

http://www.premadetemplates.com/

Genau so einen wie da auf der Seite so einen Preloader brauch ich!

hab mir den Quelltext mal angeschaut, boahhh und da kam ich net mehr weiter:

Was muss ich weg machen damit ich meine eigenen Bilder Preloaden kann?

Ich würd mich sehr freuen wenn mir einer helfen kann, danke schon mal im voraus!
Code:
<HTML>
<HEAD>
<TITLE>26</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<script type="text/javascript" src="/loader.js"></script>
<style type="text/css">
body &#123;
	background-color&#58;#FFFFFF;
	margin&#58;0px;
&#125;
TD   &#123;color&#58;#000000; font-family&#58;Tahoma,Verdana,sans-serif; font-size&#58;11px&#125;
.link &#123;color&#58;#000000;&#125;
.current &#123;color&#58;#818181;font-weight&#58;bold&#125;
a.price, a.details&#123;
	cursor&#58; hand;
	font-weight&#58;bold;
	color&#58; White;
&#125;
a.price  &#123;float&#58;left&#125;
a.details&#123;float&#58;right&#125;
</style>
<link rel="stylesheet" type="text/css" href="/css/loader.css">
</head>
<body onload="remove_loading&#40;&#41;;" >

<div id="loader_container">
	<div id="loader">
		<div align="center">Templates Loading ...</div>
		<div id="loader_bg"><div id="progress"> </div></div>
	</div>
</div>
<div id='interface1' style="display&#58;inline; visibility&#58;visible;">

<div style="position&#58; absolute; top&#58; 1px; left&#58; 1px;   visibility&#58; hidden;">
[img]http&#58;//www.templatehelp.com/counter.php?aff_id=templatized[/img]
</div>


<table cellpadding="0" cellspacing="2" border="0">
<tr>
    <td colspan="6">
	<div align="right" >
	    <table  border="0" cellpadding="0" cellspacing="0">
    		<tr> 
        	    <td  valign="middle" style="padding-left&#58;5px">
	  					<span class="current">1</span>
				2
				3
				4
				5
				6
				7
				8
				9
				10
			    &gt;
			    </td>
    		</tr>
    	    </table>
	</div>
    </td>
</tr>
<tr>
		<td valign="bottom"><table width="161" cellpadding="0" cellspacing="0" height="100%" style="height&#58;100%">
				<tr><td  height="5">[img]/images/skins/26/images/top.gif[/img]</td></tr>
				<tr>
					<td height="160" background="/images/skins/26/images/tile.gif" align="center" valign="middle" style="padding-bottom&#58;4px">[img]http&#58;//www.template-help.com/screenshots/8100/8138-m.jpg[/img]</td>
				</tr>
				<tr><td height="5">[img]/images/skins/26/images/middle.gif[/img]</td></tr>
				<tr>
					<td height="12" background="/images/skins/26/images/details-tile.gif" style="padding&#58;0 10px" align="center">
														<a class="price" onclick="window.open&#40;'https&#58;//secure.template-help.com/aff/email.php?aff=templatized&skin=26&locale=en&currency=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&templ=8138','tmbuy','resizable=yes, location=no, menubar=no, status=yes,scrollbars=yes,width=790,height=550,scrollbars=yes'&#41;">
								Price $ 12</a>
										<a class="details" onclick="window.open&#40;'http&#58;//www.templatehelp.com/aff/preview.php?aff=templatized&skin=26&locale=en&currency=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&i=8138','preview8138','resizable=yes, location=no, menubar=no, status=no,scrollbars=yes,width=790,height=550'&#41;">Details</td>
				</tr>
				<tr><td height="8">[img]/images/skins/26/images/bottom.gif[/img]</td></tr>
			</table></td>
		<TD style="width&#58;0px"></TD>
		<td valign="bottom"><table width="161" cellpadding="0" cellspacing="0" height="100%" style="height&#58;100%">
				<tr><td  height="5">[img]/images/skins/26/images/top.gif[/img]</td></tr>
				<tr>
					<td height="160" background="/images/skins/26/images/tile.gif" align="center" valign="middle" style="padding-bottom&#58;4px">[img]http&#58;//www.template-help.com/screenshots/7800/7836-m.jpg[/img]</td>
				</tr>
				<tr><td height="5">[img]/images/skins/26/images/middle.gif[/img]</td></tr>
				<tr>
					<td height="12" background="/images/skins/26/images/details-tile.gif" style="padding&#58;0 10px" align="center">
														<a class="price" onclick="window.open&#40;'https&#58;//secure.template-help.com/aff/email.php?aff=templatized&skin=26&locale=en&currency=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&templ=7836','tmbuy','resizable=yes, location=no, menubar=no, status=yes,scrollbars=yes,width=790,height=550,scrollbars=yes'&#41;">
								Price $ 14</a>
										<a class="details" onclick="window.open&#40;'http&#58;//www.templatehelp.com/aff/preview.php?aff=templatized&skin=26&locale=en&currency=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&i=7836','preview7836','resizable=yes, location=no, menubar=no, status=no,scrollbars=yes,width=790,height=550'&#41;">Details</td>
				</tr>
				<tr><td height="8">[img]/images/skins/26/images/bottom.gif[/img]</td></tr>
			</table></td>
		<TD style="width&#58;0px"></TD>
		<td valign="bottom"><table width="161" cellpadding="0" cellspacing="0" height="100%" style="height&#58;100%">
				<tr><td  height="5">[img]/images/skins/26/images/top.gif[/img]</td></tr>
				<tr>
					<td height="160" background="/images/skins/26/images/tile.gif" align="center" valign="middle" style="padding-bottom&#58;4px">[img]http&#58;//www.template-help.com/screenshots/7800/7835-m.jpg[/img]</td>
				</tr>
				<tr><td height="5">[img]/images/skins/26/images/middle.gif[/img]</td></tr>
				<tr>
					<td height="12" background="/images/skins/26/images/details-tile.gif" style="padding&#58;0 10px" align="center">
														<a class="price" onclick="window.open&#40;'https&#58;//secure.template-help.com/aff/email.php?aff=templatized&skin=26&locale=en&currency=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&templ=7835','tmbuy','resizable=yes, location=no, menubar=no, status=yes,scrollbars=yes,width=790,height=550,scrollbars=yes'&#41;">
								Price $ 12</a>
										<a class="details" onclick="window.open&#40;'http&#58;//www.templatehelp.com/aff/preview.php?aff=templatized&skin=26&locale=en&currency=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&i=7835','preview7835','resizable=yes, location=no, menubar=no, status=no,scrollbars=yes,width=790,height=550'&#41;">Details</td>
				</tr>
				<tr><td height="8">[img]/images/skins/26/images/bottom.gif[/img]</td></tr>
			</table></td>
		<TD style="width&#58;0px"></TD>
	</tr>
<tr>
	<TD style="height&#58;0px"></TD>
</tr>
<tr>
		<td valign="bottom"><table width="161" cellpadding="0" cellspacing="0" height="100%" style="height&#58;100%">
				<tr><td  height="5">[img]/images/skins/26/images/top.gif[/img]</td></tr>
				<tr>
					<td height="160" background="/images/skins/26/images/tile.gif" align="center" valign="middle" style="padding-bottom&#58;4px">[img]http&#58;//www.template-help.com/screenshots/5800/5833-m.jpg[/img]</td>
				</tr>
				<tr><td height="5">[img]/images/skins/26/images/middle.gif[/img]</td></tr>
				<tr>
					<td height="12" background="/images/skins/26/images/details-tile.gif" style="padding&#58;0 10px" align="center">
														<a class="price" onclick="window.open&#40;'https&#58;//secure.template-help.com/aff/email.php?aff=templatized&skin=26&locale=en&currency=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&templ=5833','tmbuy','resizable=yes, location=no, menubar=no, status=yes,scrollbars=yes,width=790,height=550,scrollbars=yes'&#41;">
								Price $ 12</a>
										<a class="details" onclick="window.open&#40;'http&#58;//www.templatehelp.com/aff/preview.php?aff=templatized&skin=26&locale=en&currency=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&i=5833','preview5833','resizable=yes, location=no, menubar=no, status=no,scrollbars=yes,width=790,height=550'&#41;">Details</td>
				</tr>
				<tr><td height="8">[img]/images/skins/26/images/bottom.gif[/img]</td></tr>
			</table></td>
		<TD style="width&#58;0px"></TD>
		<td valign="bottom"><table width="161" cellpadding="0" cellspacing="0" height="100%" style="height&#58;100%">
				<tr><td  height="5">[img]/images/skins/26/images/top.gif[/img]</td></tr>
				<tr>
					<td height="160" background="/images/skins/26/images/tile.gif" align="center" valign="middle" style="padding-bottom&#58;4px">[img]http&#58;//www.template-help.com/screenshots/5800/5823-m.jpg[/img]</td>
				</tr>
				<tr><td height="5">[img]/images/skins/26/images/middle.gif[/img]</td></tr>
				<tr>
					<td height="12" background="/images/skins/26/images/details-tile.gif" style="padding&#58;0 10px" align="center">
														<a class="price" onclick="window.open&#40;'https&#58;//secure.template-help.com/aff/email.php?aff=templatized&skin=26&locale=en&currency=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&templ=5823','tmbuy','resizable=yes, location=no, menubar=no, status=yes,scrollbars=yes,width=790,height=550,scrollbars=yes'&#41;">
								Price $ 11</a>
										<a class="details" onclick="window.open&#40;'http&#58;//www.templatehelp.com/aff/preview.php?aff=templatized&skin=26&locale=en&currency=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&i=5823','preview5823','resizable=yes, location=no, menubar=no, status=no,scrollbars=yes,width=790,height=550'&#41;">Details</td>
				</tr>
				<tr><td height="8">[img]/images/skins/26/images/bottom.gif[/img]</td></tr>
			</table></td>
		<TD style="width&#58;0px"></TD>
		<td valign="bottom"><table width="161" cellpadding="0" cellspacing="0" height="100%" style="height&#58;100%">
				<tr><td  height="5">[img]/images/skins/26/images/top.gif[/img]</td></tr>
				<tr>
					<td height="160" background="/images/skins/26/images/tile.gif" align="center" valign="middle" style="padding-bottom&#58;4px">[img]http&#58;//www.template-help.com/screenshots/8100/8140-m.jpg[/img]</td>
				</tr>
				<tr><td height="5">[img]/images/skins/26/images/middle.gif[/img]</td></tr>
				<tr>
					<td height="12" background="/images/skins/26/images/details-tile.gif" style="padding&#58;0 10px" align="center">
														<a class="price" onclick="window.open&#40;'https&#58;//secure.template-help.com/aff/email.php?aff=templatized&skin=26&locale=en&currency=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&templ=8140','tmbuy','resizable=yes, location=no, menubar=no, status=yes,scrollbars=yes,width=790,height=550,scrollbars=yes'&#41;">
								Price $ 12</a>
										<a class="details" onclick="window.open&#40;'http&#58;//www.templatehelp.com/aff/preview.php?aff=templatized&skin=26&locale=en&currency=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&i=8140','preview8140','resizable=yes, location=no, menubar=no, status=no,scrollbars=yes,width=790,height=550'&#41;">Details</td>
				</tr>
				<tr><td height="8">[img]/images/skins/26/images/bottom.gif[/img]</td></tr>
			</table></td>
		<TD style="width&#58;0px"></TD>
	</tr>
<tr>
	<TD style="height&#58;0px"></TD>
</tr>
<tr>
		<td valign="bottom"><table width="161" cellpadding="0" cellspacing="0" height="100%" style="height&#58;100%">
				<tr><td  height="5">[img]/images/skins/26/images/top.gif[/img]</td></tr>
				<tr>
					<td height="160" background="/images/skins/26/images/tile.gif" align="center" valign="middle" style="padding-bottom&#58;4px">[img]http&#58;//www.template-help.com/screenshots/7600/7699-m.jpg[/img]</td>
				</tr>
				<tr><td height="5">[img]/images/skins/26/images/middle.gif[/img]</td></tr>
				<tr>
					<td height="12" background="/images/skins/26/images/details-tile.gif" style="padding&#58;0 10px" align="center">
														<a class="price" onclick="window.open&#40;'https&#58;//secure.template-help.com/aff/email.php?aff=templatized&skin=26&locale=en&currency=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&templ=7699','tmbuy','resizable=yes, location=no, menubar=no, status=yes,scrollbars=yes,width=790,height=550,scrollbars=yes'&#41;">
								Price $ 11</a>
										<a class="details" onclick="window.open&#40;'http&#58;//www.templatehelp.com/aff/preview.php?aff=templatized&skin=26&locale=en&currency=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&i=7699','preview7699','resizable=yes, location=no, menubar=no, status=no,scrollbars=yes,width=790,height=550'&#41;">Details</td>
				</tr>
				<tr><td height="8">[img]/images/skins/26/images/bottom.gif[/img]</td></tr>
			</table></td>
		<TD style="width&#58;0px"></TD>
		<td valign="bottom"><table width="161" cellpadding="0" cellspacing="0" height="100%" style="height&#58;100%">
				<tr><td  height="5">[img]/images/skins/26/images/top.gif[/img]</td></tr>
				<tr>
					<td height="160" background="/images/skins/26/images/tile.gif" align="center" valign="middle" style="padding-bottom&#58;4px">[img]http&#58;//www.template-help.com/screenshots/5800/5824-m.jpg[/img]</td>
				</tr>
				<tr><td height="5">[img]/images/skins/26/images/middle.gif[/img]</td></tr>
				<tr>
					<td height="12" background="/images/skins/26/images/details-tile.gif" style="padding&#58;0 10px" align="center">
														<a class="price" onclick="window.open&#40;'https&#58;//secure.template-help.com/aff/email.php?aff=templatized&skin=26&locale=en&currency=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&templ=5824','tmbuy','resizable=yes, location=no, menubar=no, status=yes,scrollbars=yes,width=790,height=550,scrollbars=yes'&#41;">
								Price $ 13</a>
										<a class="details" onclick="window.open&#40;'http&#58;//www.templatehelp.com/aff/preview.php?aff=templatized&skin=26&locale=en&currency=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&i=5824','preview5824','resizable=yes, location=no, menubar=no, status=no,scrollbars=yes,width=790,height=550'&#41;">Details</td>
				</tr>
				<tr><td height="8">[img]/images/skins/26/images/bottom.gif[/img]</td></tr>
			</table></td>
		<TD style="width&#58;0px"></TD>
		<td valign="bottom"><table width="161" cellpadding="0" cellspacing="0" height="100%" style="height&#58;100%">
				<tr><td  height="5">[img]/images/skins/26/images/top.gif[/img]</td></tr>
				<tr>
					<td height="160" background="/images/skins/26/images/tile.gif" align="center" valign="middle" style="padding-bottom&#58;4px">[img]http&#58;//www.template-help.com/screenshots/8300/8335-m.jpg[/img]</td>
				</tr>
				<tr><td height="5">[img]/images/skins/26/images/middle.gif[/img]</td></tr>
				<tr>
					<td height="12" background="/images/skins/26/images/details-tile.gif" style="padding&#58;0 10px" align="center">
														<a class="price" onclick="window.open&#40;'https&#58;//secure.template-help.com/aff/email.php?aff=templatized&skin=26&locale=en&currency=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&templ=8335','tmbuy','resizable=yes, location=no, menubar=no, status=yes,scrollbars=yes,width=790,height=550,scrollbars=yes'&#41;">
								Price $ 12</a>
										<a class="details" onclick="window.open&#40;'http&#58;//www.templatehelp.com/aff/preview.php?aff=templatized&skin=26&locale=en&currency=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&i=8335','preview8335','resizable=yes, location=no, menubar=no, status=no,scrollbars=yes,width=790,height=550'&#41;">Details</td>
				</tr>
				<tr><td height="8">[img]/images/skins/26/images/bottom.gif[/img]</td></tr>
			</table></td>
		<TD style="width&#58;0px"></TD>
	</tr>
<tr>
	<TD style="height&#58;0px"></TD>
</tr>
<tr>
		<td valign="bottom"><table width="161" cellpadding="0" cellspacing="0" height="100%" style="height&#58;100%">
				<tr><td  height="5">[img]/images/skins/26/images/top.gif[/img]</td></tr>
				<tr>
					<td height="160" background="/images/skins/26/images/tile.gif" align="center" valign="middle" style="padding-bottom&#58;4px">[img]http&#58;//www.template-help.com/screenshots/5800/5815-m.jpg[/img]</td>
				</tr>
				<tr><td height="5">[img]/images/skins/26/images/middle.gif[/img]</td></tr>
				<tr>
					<td height="12" background="/images/skins/26/images/details-tile.gif" style="padding&#58;0 10px" align="center">
														<a class="price" onclick="window.open&#40;'https&#58;//secure.template-
Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!