Impressum Suchfunktion

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann


Thema geschlossen 
Jquery Backstretch (Hintergrundbild auf Bildschirmgröße skalieren "Fullsize")
#1
Hallo,

es gibt ein Script mit Jquery, welches unabhängig von der Bildgröße, dieses "Fullsize" als Hintergrund darstellt.

Dazu benötigt Ihr folgendes Script:

Code:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="./html/jquery.backstretch.min.js"></script>
<script>
    $.backstretch("./assets/images/hintergrundbild.jpg");
</script>

Dieses Script tragt Ihr auf Eurer Seite mittels html-Button unter
"Beginn des Haupttextes" ein:


.png  nof-seiten-html.png (Größe: 136,89 KB / Downloads: 583)


Den Ort der jquery.backstretch.min.js (im Anhang zum downloaden) könnt Ihr natürlich anpassen. Achtet darauf, ./ ist für die Startseite, ../ für die Unterseiten. Das Hintergrundbild in die Assets-Verwaltung einlesen (rechte Maustaste) und Häkchen bei "immer publizieren", dann packt NOF das automatisch in den Ordner

/assets/images

Hier noch die JS-Datei:


.zip   jquery.backstretch.min.zip (Größe: 1,83 KB / Downloads: 184)

Dann mal viel Spaß!

Gruß
Gruß
Motto: carpe diem
Werbeagentur Luchs Karlsruhe
NOF-Forum
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
#2
Danke Wolfgang thumbs up

Und hier die Demo Smiling
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
#3
thumbs up
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
#4
Für Benutzer von NOF2013 (und NOF 12) mit der dort voreingestellten Publizierung "nach Site-Struktur" (statt nach Assetstyp) hat Tommy eine neue Anleitung gemacht:

http://www.tommyherrmanndesign.com/nof/H...ch-tut.php

Hintergrundinformation:

Alles ist relativ, so auch die Links zu den Dateien, die für die Funktionsfähigkeit einer jquery-Anwendung entscheidend sind. Je nach Publizierungsstruktur landen die Dateien in anderen Ordnern oder im Stammverzeichnis, deshalb ist manchmal eine Anpassung der Links, wie in Tutorials eingegeben sind, erforderlich.
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Thema geschlossen 




Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
nach oben An den Anfang der Seite scrollen
NetObjects Fusion Infos, Downloads und Updates Diese Website wird durch Bot-Trap vor Spam geschützt!