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:
<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:
<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
Hallo,
erstell im body einen marker und binde das ganze dann im TS
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
Leider schaffe ich es nicht dieses Script in den Header zu packen...
Hier mein TS:
# 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
}
}
}
THX! Hat super hingehauen! 😉 *gg*
@SmEe: Hast du das schon irgendwo im Einsatz - würde mich mal interessieren wie es aussieht...
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.
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
@just2be: Bringt garnichts! Sieht einfach nur gut aus... 😉
@wunschtacho:
http://www.smee.at/cms
TS:
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!
@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 😃
Aber mit dem Preloader war es sehr übersichtlich.