Hintergrund mit backstretch

Mit dem backstretch script lässt sich eine simple Hintergrundslideshow erstellen.

Zuerst müssen folgende js Dateien im HEAD-Bereich eingebunden werden. Das jquery.backstretch.min.js finden Sie hier

<script type="text/javascript" src="ihrPfad/jquery.js"></script>
<script type="text/javascript" src="ihrPfad/jquery.backstretch.min.js"></script>


oder

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="ihrPfad/jquery.backstretch.min.js"></script>




Danach diesen Code in den BODY-Tag der Seite einfügen.

<body>
$.backstretch([
    "http://ihreURL/hintergrund.jpg",
    "http://ihreURL/hintergrund2.jpg",
    "http://ihreURL/hintergrund3.jpg",
    "http://ihreURL/hintergrund4.jpg",
    ],
    {duration: 5000, fade: 2000}
);
</body>



In der CSS-Datei beim BODY-Tag den Eintrag background: löschen oder auskommentieren. Das Script erstellt einen eigenen Eintrag.

body {
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-size: 1em;
    letter-spacing: 1px;
    /*     background-image: url("hintergrund.jpg"); */
}

Backstretch unter Typo3

Quelle: http://srobbin.com/jquery-plugins/backstretch/

Zuerst müssen die js Dateien im Setup des...

Weiterlesen

Um ein Eingabefeld auf einer bestimmten Stelle der...

Weiterlesen

Eine Anleitung und die dazugehörigen Dateien...

Weiterlesen

Einige Seiten um Farbcodes und Farbschemas zu...

Weiterlesen

Mit dem backstretch script lässt sich eine simple...

Weiterlesen

 

Ein einfaches horizontales Menü in Typo3 kann...

Weiterlesen

Für die Suchmaschinenoptimierung nicht...

Weiterlesen

Einer meiner Favoriten der CSS-Eigenschaften ist...

Weiterlesen

Im Allgemeinen kann ein META-Tag für den...

Weiterlesen

Die robots.txt dient dazu, um das Suchverhalten...

Weiterlesen