Hallo zusammen,
nachdem ich nun zwei Tage an TypoScript verzweifle, wende ich ich mich hoffnungsvoll an euch:
Vorab, ich benutze Typo3 Version 7.6.2, die kann allerdings nicht ausgewählt werden. Auch habe ich es in den Anfängerfragen ausprobiert, doch da kam es zu einer Fehlermeldung der Datenbankverbindung
Ich möchte auf meiner Seite einen HeaderSlider einbauen. Dieser funktioniert auch ganz und erscheint an der richtigen Position. Nachdem am Anfang noch beliebige Bilder aus dem Order "fileadmin/templates/images" angezeigt wurden, habe ich diesen Ordner geleert und mit meinen gewünschten Bildern gefüllt. Jedoch werden diese nicht erkannt.
Weiterhin habe ich dann versucht die eigentliche Bilder im Root-Verzeichnis die "Ressourcen" anzusprechen. Diese kann ich jedoch auch nicht ansprechen. Kann mir jemand von euch sagen, wo mein Fehler liegt?
temp.docHead = TEMPLATE
temp.docHead {
template = FILE
template.file = fileadmin/templates/main/template.html
workOnSubpart = DOCUMENT_HEADER
}
temp.docBody = TEMPLATE
temp.docBody {
template = FILE
template.file = fileadmin/templates/main/template.html
workOnSubpart = DOCUMENT_BODY
marks {
# Hier müssen wir den Inhalt für die zu ersetzenden Marker angeben.
HEADING = TEXT
HEADER-IMG = TEXT
# So können wir in TypoScript auf Eigenschaften einer Seite, in diesem Fall den Titel, zugreifen.
HEADING.field = title
content < styles.content.get
}
}
page = PAGE
page {
headerData = COA
headerData.10 < temp.docHead
10 < styles.content.get
10 < temp.docBody
}
page.headerData {
5 = TEXT
5.value = <script src="fileadmin/headerslider_fade/jquery_1.4.2.js" type="text/javascript"></script>
6 = TEXT
6.value = <script src="fileadmin/headerslider_fade/jquery.innerfade.js" type="text/javascript"></script>
7 = TEXT
7.value = <link href="fileadmin/headerslider_fade/jquery.innerfade.css" type="text/css" rel="stylesheet" />
12 = TEXT
12.value (
<script type="text/javascript">
jQuery(function($) {
if($("#header-img ul li").length > 1) {
$("#header-img ul").innerfade({
animationtype: 'fade',
speed: 8000,
timeout: 1800,
type: 'sequence',
containerheight: '193px'
});
}
});
</script>
)
}
page.10.marks {
HEADER-IMG >
HEADER-IMG = COA
HEADER-IMG {
10 = TEXT
10 {
data = levelmedia:-1, slide
split {
token = ,
cObjNum = 1
1 {
10 = IMAGE
10.file.import.current = 1
10.file.import = uploads/media
wrap = <li>|</li>
}
}
wrap = <div id="sliderwrap"><ul>|</ul></div>
}
}
}