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/

Eine Anleitung und die dazugehörigen Dateien...

Weiterlesen

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

Weiterlesen

Eine Slidebox öffnet sich bei Anwahl der selben....

Weiterlesen