---
title: "Site Preloader 4 Typo3"
url: "https://www.typo3.net/d/60982-site-preloader-4-typo3"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Frage"]
created: "2007-04-14"
last_reply: "2007-04-25"
replies: 9
solved: true
page: 1
pages: 1
lang: "de"
---

# Site Preloader 4 Typo3

TYPO3 › TypoScript · 9 Antworten · gelöst · gestartet 2007-04-14

## Frage

**Unbekannter Benutzer** · 2007-04-14 · [Beitrag #1](https://www.typo3.net/d/60982-site-preloader-4-typo3/1)

Hallo Zusammen!

Leider finde ich nichts zu diesem Thema!
Jedoch kann ich mir gut vorstellen dass dies mehrere von euch Interessieren könnte!

Eine Java Version hätte ich schon gefunden, nur weis ich leider nicht wie ich diese einsetzen soll?

Javascript:

```html
<script language="JavaScript" type="text/javascript">
<!-- Original:  Gilbert Davis -->
<!-- Begin
function loadImages() {
if (document.getElementById) {  // DOM3 = IE5, NS6
document.getElementById('hidepage').style.visibility = 'hidden';
}
else {
if (document.layers) {  // Netscape 4
document.hidepage.visibility = 'hidden';
}
else {  // IE 4
document.all.hidepage.style.visibility = 'hidden';
      }
   }
}
//  End -->
</script>
```

...und der aufruf durch den Body:

```html
<body onload="loadImages()">

<!-- PRELOADER -->

<div id="hidepage" style="position: absolute;
left:0px;
top:0px;
background-color: #253E6C;
layer-background-color: #253E6C;
height: 100%;
width: 100%;">

<table height="100%" width="100%" align="center">
<tr><td valign="middle" align="center">
Page loading ... Please wait
</td></tr></table>

</div>

<!-- ENDE PRELOADER -->
```

Villeicht kann sich jemand diesem annehmen?

THX @ all (!)

M.f.g. Leo

## Beste Antwort

**Norman2k** · 2007-04-14 · [Beitrag #4](https://www.typo3.net/d/60982-site-preloader-4-typo3/4)

TSRef: <https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/TopLevelObjects/Page/Index.html#confval-page-headerdata>

```typoscript
page.headerData.10 = TEXT
page.headerData.10.value (
... Dein JS ...
)
```

Norman

## Antworten

### [#2](https://www.typo3.net/d/60982-site-preloader-4-typo3/2) · just2b · 2007-04-14

Hallo,

erstell im body einen marker und binde das ganze dann im TS

```typoscript
	page.10.marks.PRELOAD = TEXT
	page.10.marks.PRELOAD = <script type="text/javascript" src="fileadmin/deinpreloader.js"></script>
```

ob das wirklich sinn macht ist was anderes

georg

### [#3](https://www.typo3.net/d/60982-site-preloader-4-typo3/3) · Unbekannter Benutzer · 2007-04-14

Leider schaffe ich es nicht dieses Script in den Header zu packen...

Hier mein TS:

```typoscript
# Spam Protect E-Mail Addresses
   config.spamProtectEmailAddresses = 1 
   config.spamProtectEmailAddresses_atSubst = (at)

# Deklaration der HTML Dokumenttypdefinition (DTD) als XHTML transistional
   config.doctype = xhtml_trans
   config.xhtml_cleaning = all

# Cache Periode
#   config.cache_period = 3600

# Spracheinstellungen
   config.htmlTag_langKey = de
   config.metaCharset = iso-8859-1
   config.language = de
   config.locale_all = de_DE
   config.linkVars = L
   config.sys_language_uid = 0

seite = PAGE
seite {
   typeNum = 0
   bodyTag = 
   stylesheet = fileadmin/templates/smee/css/columns2.css
   meta.AUTHOR = ~SmEe~ ©2007

   meta.COPYRIGHT = Dieses TYPO3 Template und Layout basiert auf IBTT © 2006-2007 von Daniel Stateczny | IT-Bo.com

   meta.DESCRIPTION = www.SmEe.at - Wallpapers and more...
   meta.KEYWORDS = www.SmEe.at - Wallpapers and more...
   meta.TITLE = www.SmEe.at - Wallpapers and more...

   10 = TEMPLATE
   10.template = FILE
   10.template.file = fileadmin/templates/smee/index-800-mcc.html
   10.workOnSubpart = DOCUMENT_BODY
   
   10.marks {
  
   TOP-MENU = HMENU
   TOP-MENU {
      special = directory 
      special.value = 1
      entryLevel = 0
      #stdWrap.wrap = <ul>|</ul>
      1 = TMENU
      1 {
      noBlur = 1
      expAll = 1
      wrap = <ul>|</ul>
      NO.wrapItemAndSub = <li>|</li>
      NO.ATagTitle.field = abstract // description // title
      ACT = 1
      ACT.wrapItemAndSub = <li class="act">|</li>
      ACT.ATagTitle.field = abstract // description // title
      }
   }

   LEFT-MENU = HMENU 
   LEFT-MENU {
      entryLevel = 1
      1 = TMENU
      1 {
      noBlur = 1
      expAll = 0
      wrap = <ul>|</ul>
      NO.wrapItemAndSub = <li class="left-level-1-no">|</li>
      NO.ATagTitle.field = abstract // description // subtitle // title
      ACT = 1
      ACT.wrapItemAndSub = <li class="left-level-1-act">|</li>
      ACT.ATagTitle.field = abstract // description //subtitle //  title
      }
      2 = TMENU
      2 {
      noBlur = 1
      expAll = 0
      NO.wrapItemAndSub = <li class="left-level-2-no">|</li>
      NO.ATagTitle.field = abstract // description // title
      ACT = 1
      ACT.wrapItemAndSub = <li class="left-level-2-act">|</li>
      ACT.ATagTitle.field = abstract // description // title
      }
      3 = TMENU
      3 {
      noBlur = 1
      expAll = 0
      NO.wrapItemAndSub = <li class="left-level-3-no">|</li>
      NO.ATagTitle.field = abstract // description // title
      ACT = 1
      ACT.wrapItemAndSub = <li class="left-level-3-act">|</li>
      ACT.ATagTitle.field = abstract // description // title
      }
   }

   HEADER-IMG = IMAGE
   HEADER-IMG {
      file = fileadmin/templates/smee/img/img_header.jpg
      stdWrap.typolink.parameter = 9
      alttext = Zurück zur Startseite.
   }

   LEFT-MARKER = CONTENT
   LEFT-MARKER {
      table = tt_content
      select.orderBy = sorting
      select.where = colPos = 1
      select.languageField = sys_language_uid
   }

   MIDDLE-MARKER = CONTENT
   MIDDLE-MARKER {
      table = tt_content
      select.orderBy = sorting
      select.where = colPos = 0
      select.languageField = sys_language_uid
   }
   }
}
```

### [#4](https://www.typo3.net/d/60982-site-preloader-4-typo3/4) · Norman2k · 2007-04-14 · Beste Antwort

(Text siehe oben unter „Beste Antwort“.)

### [#5](https://www.typo3.net/d/60982-site-preloader-4-typo3/5) · Unbekannter Benutzer · 2007-04-15

THX! Hat super hingehauen! ;) *gg*

### [#6](https://www.typo3.net/d/60982-site-preloader-4-typo3/6) · einpraegsam.​net · 2007-04-15

@SmEe: Hast du das schon irgendwo im Einsatz - würde mich mal interessieren wie es aussieht...

### [#7](https://www.typo3.net/d/60982-site-preloader-4-typo3/7) · Chumper · 2007-04-25

Ich habe mir einen Preloader gebastelt, der alles dynamisch aus einem Ordner auslist -> Menübilder, wenn du noch Bedarf nach einer Vorschau hast, kann ich dir sowas besorgen.

### [#8](https://www.typo3.net/d/60982-site-preloader-4-typo3/8) · just2b · 2007-04-25

> **Chumper schrieb:**
>
> Ich habe mir einen Preloader gebastelt, der alles dynamisch aus einem Ordner auslist -> Menübilder, wenn du noch Bedarf nach einer Vorschau hast, kann ich dir sowas besorgen.

wieviel bringt das ganze?

georg

### [#9](https://www.typo3.net/d/60982-site-preloader-4-typo3/9) · Unbekannter Benutzer · 2007-04-25

@just2be: Bringt garnichts! Sieht einfach nur gut aus... ;)

@wunschtacho:
<http://www.smee.at/cms>

TS:

```typoscript
seite = PAGE
seite {
   typeNum = 0
   bodyTag =  <body onload="loadImages()">
   stylesheet = fileadmin/templates/smee/css/columns2.css

   meta.AUTHOR = ~SmEe~ ©2007
   meta.COPYRIGHT = Dieses TYPO3 Template und Layout basiert auf IBTT © 2006-2007 von Daniel Stateczny | IT-Bo.com
   meta.DESCRIPTION = www.SmEe.at - Wallpapers and more...
   meta.KEYWORDS = www.SmEe.at - Wallpapers and more...
   meta.TITLE = www.SmEe.at - Wallpapers and more...

# Preloader Script
headerData.10 = TEXT
headerData.10.value (
<script language="JavaScript" type="text/javascript">
function loadImages() {
if (document.getElementById) {
document.getElementById('hidepage').style.visibility = 'hidden';
}
else {
if (document.layers) {
document.hidepage.visibility = 'hidden';
}
else {
document.all.hidepage.style.visibility = 'hidden';
      }
   }
}
</script>
)
```

...so hats bei mir gefunkt!
...und im Template den Marker: ###PRELOAD###

THX @ ALL!

### [#10](https://www.typo3.net/d/60982-site-preloader-4-typo3/10) · Chumper · 2007-04-25

@just2be
Das kommt drauf an, bei mir war eben das Menü grafiklastig, also ca 300 Bilder, also brauchte ich einen Preloader auf der Willkomensseite...
Hab das Menü allerdings nun nach deinem Vorschlag auf deiner Seite umgebaut, ist also ein reines HMENU. Danke nochmal dafür  :D
Aber mit dem Preloader war es sehr übersichtlich.

---

Quelle: „Site Preloader 4 Typo3“, typo3.net, https://www.typo3.net/d/60982-site-preloader-4-typo3
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.