Falls die Bilder der Latest-Ansicht ein falschen Größenverhältnis besitzen, liegt dies daran, dass sie nicht mit der resize2max-Option berechnet werden. Grund hierfür ist eine vergessene Variable. Diese kann man aber nachträglich integrieren, indem man folgende Anweisung in den setup-Teil seines Templates eingibt:
plugin.tt_news.displayLatest.listImageMode = {$plugin.tt_news.latestImageMode}
JavaScript Bibliotheken wie jQuery, Prototype, Scriptacuouls oder Mootools bindet man am besten über die von TYPO3 mitgebrachten Funktionen zur Einbindung von JavaScript-Dateien ein. Früher habe ich Extensions für diese Arbeit verwendet, im Laufe der Zeit aber gemerkt, dass die Handhabung mit der Zeit zu unübersichtlich wurde, weil sich die Versionen zu schnell ändern und man jedes Mal sowieso auf die Kompatibilität achten muss, zudem andere Extension, die JavaScript-Bibliotheken wiederum voraussetzen diese eh nicht nutzen. Außerdem ist das Einbinden von diesen eine 5 Minuten-Sache und unterm Strich schneller als sich erst mal eine spezielle Extension zu besorgen.
Meine empfohlene Vorgehensweise:
includeJSlibs |
Fügt eine JavaScript Bibliothek im Head-Bereich der Website ein. |
includeJSFooterlibs |
Fügt eine JavaScript Bibliothek am Ende kurz vor </body> ein. Wenn man alle JavaScripts am Ende der Seite verankert, wird der Aufbau der Seite beschleunigt. |
Hier ein Beispiel um jQuery am Ende der Seite einzubinden:
page.includeJSFooterlibs {
jquery = fileadmin/pfad_zur_datei/jquery-1.7.min.js
jquery.forceOnTop = 1
}
jQuery direkt von Google einbinden:
page.includeJSFooterlibs {
jquery = http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
jquery.external = 1
jquery.forceOnTop = 1
}
Normale JavaScript Dateien kann man über die Befehle includeJS und includeJSFooter einbinden.
| disableCompression | JavaScript-Datei wird nicht komprimiert |
| forceOnTop | Wird vor den anderen Dateien geladen |
| allWrap | <script>-Befehl mit etwas umhüllen |
| excludeFromConcatenation | Datei wird nicht mit den anderen Dateien zu einer großen Datei zusammengefügt |
| external | Datei wird von einer anderen Domain geladen |
| type | Normalerweise ‘text/javascript’ |
Die neuen TYPO3 Versionen kommen mit Packern, die die Dateien zu einer großen Datei zusammenfügt, um so die Anzahl der Anfragen an den Webserver zu reduzieren, und die Dateien komprimiert.
Folgende Anweisungen müssen in den setup-Bereich des Templates eingetragen werden, um span-Tags innerhalb von Links zu erzeugen. Mit deren Hilfe und ein bisschen CSS können so hübsche Buttons erzeugt werden, die sich in der Länge dem darin enthaltenden Text anpassen.
tt_content.text.20.parseFunc.tags.link.typolink {
wrap = <span>|</span>
ATagBeforeWrap = 1
}