[GastForen Programmierung/Entwicklung JavaScript Problem mit Hintergrundbild

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Problem mit Hintergrundbild

hunter
Beiträge gesamt: 486

24. Mär 2015, 12:31
Beitrag # 1 von 7
Bewertung:
(2242 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo,

hatte mal folgendes Script gefunden, das ich in einer Demoseite mal einbauen wollte,
(bin kein javascript Programmierer).


http://www.drweb.de/magazin/wallpaper-fuer-jquery-erlaubt-die-einbindung-von-bild-und-video-wallpapers-auf-einfachste-weise-45435/

http://formstone.it/components/wallpaper

Demoseite (mit dem nicht funktionierendem Hintergrund bild)
http://wildes-franken.de/bg_image/index.html


Da wird von einer Funktion geschrieben die man definieren muss,
meine dumme Frage wo und wie defeniere ich die?

$("#element").wallpaper({
source: "speicherort/bildhintergrund.jpg"
});

Habe das mal so im body tag geschrieben:


<script>
$("#element").wallpaper({
source: "fliege.jpg"
});
</script>

aber ohne Erfolg!

Vielleicht weiss jemand Rat


hunter
X

Problem mit Hintergrundbild

Intermedia
Beiträge gesamt: 1287

24. Mär 2015, 14:49
Beitrag # 2 von 7
Beitrag ID: #538258
Bewertung:
(2192 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi,

die jQery Bibliothek fehlt. Solche Fehler veraten dir die Fehlerkonsole
deines Browsers.

https://jquery.com/

Gruß Sven


http://www.aurahysil.de?hds Mit Aurahysil Freizeit schaffen - Beschichtungen der besonderen Art - http://www.intermedia-bg.de?hds INTERMEDIA bürogemeinschaft


als Antwort auf: [#538256]

Problem mit Hintergrundbild

hunter
Beiträge gesamt: 486

25. Mär 2015, 07:28
Beitrag # 3 von 7
Beitrag ID: #538266
Bewertung:
(2109 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
na dann konnte es nicht funktionieren,

jetzt funktioniert es, aber was mir auffällt wenn einen längeren Text hab und diesen dann nach unten scrolle, erscheint dann unterhalb des dem Hintergrundbildes die Hintergrundfarbe. Das Hintergrundbild ist dann nur so groß wie der Viewport.

Gibt es da eine Möglichkeit das zu beheben damit die noch zu scrollende Fläche auch vom Hintergrundbild bedeckt wird?



hunter


als Antwort auf: [#538258]

Problem mit Hintergrundbild

Intermedia
Beiträge gesamt: 1287

25. Mär 2015, 08:47
Beitrag # 4 von 7
Beitrag ID: #538271
Bewertung: |||||
(2060 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Moin,

warum willst du den Hintergrund unbedingt mit jQuery machen?
Deine gewählte Variante ist mehr für Audios / Videos vorgesehen.

Das geht doch rein mit CSS einfacher.

https://css-tricks.com/...mage/progressive.php

hier die Beschreibung: https://css-tricks.com/...ge-background-image/

Gruß Sven


http://www.aurahysil.de?hds Mit Aurahysil Freizeit schaffen - Beschichtungen der besonderen Art - http://www.intermedia-bg.de?hds INTERMEDIA bürogemeinschaft


als Antwort auf: [#538266]

Problem mit Hintergrundbild

hunter
Beiträge gesamt: 486

25. Mär 2015, 10:57
Beitrag # 5 von 7
Beitrag ID: #538276
Bewertung:
(2016 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
ja habe das auch schon mal mit CSS gemacht,
aber ich will das Ganze mit einem Videohintergrund bewerkstelligen und hatte da mal mit einem BGbild angefangen um das Script zu testen.

Jetzt habe ich noch diese Script gefunden das ich auch mal probieren werde.
http://dfcb.github.io/BigVideo.js/

Was für eine Einsteiger Lektüre könnt ihr für Jquery Bücher/Videos empfehlen?


hunter


als Antwort auf: [#538271]

Problem mit Hintergrundbild

Intermedia
Beiträge gesamt: 1287

25. Mär 2015, 11:36
Beitrag # 6 von 7
Beitrag ID: #538277
Bewertung:
(1989 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Na Bild und Video sind aber zwei getrennte Paar Schuhe.

Ich bezweifel das ein Video im Hintergrund und das noch als Vollbild Sinn macht. Zumindest wüßte ich nicht wofür man das machen sollte vor allem wenn ich bedenke das User mit dem Handy oä. eine Seite besuchen.

Erzähl doch mal was zum Schluß raus kommen soll, eventuell gibt es da alternative Lösungen.

jQuery hat eine ausführliche Dokumentation. Allerdings sollten Javascript Grundlagen vorhanden sein.

Das ist empfehlenswert: http://www.peterkropff.de/...cript/grundlagen.htm

Gruß Sven


http://www.aurahysil.de?hds Mit Aurahysil Freizeit schaffen - Beschichtungen der besonderen Art - http://www.intermedia-bg.de?hds INTERMEDIA bürogemeinschaft


als Antwort auf: [#538276]

Problem mit Hintergrundbild

hunter
Beiträge gesamt: 486

25. Mär 2015, 12:38
Beitrag # 7 von 7
Beitrag ID: #538281
Bewertung:
(1965 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
es ist eigentlich ein experimenteller Versuch,
mal ein Video als BG einzubauen, war schlichtweg eine Art Begeisterung als die Beispiele gesehen habe.

Klar auf dem Handy macht es keinen Sinn, vielleicht aber mal in einem Demoprojekt

danke nochmals für eure Unterstützung


hunter


als Antwort auf: [#538277]
X

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
05.02.2021 - 05.11.2021

Digicomp Academy AG, Limmatstrasse 50, 8005 Zürich
Freitag, 05. Feb. 2021, 13.00 Uhr - Freitag, 05. Nov. 2021, 17.00 Uhr

Lehrgang

Bilden Sie sich zum zertifizierten Publishing-Multimedia-Profi aus. Neben Fotografie und Video befassen Sie sich mit der Medienproduktion, digitalen Publikationen und dem Webdesign für Desktop- und mobile Endgeräte.

Preis: CHF 10'500.-
Dauer: 30 Tage (ca. 210 Lektionen) – Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/9PM

Veranstaltungen
02.08.2021 - 03.08.2021

Digicomp Academy, Bern,Basel
Montag, 02. Aug. 2021, 08.30 Uhr - Dienstag, 03. Aug. 2021, 17.00 Uhr

Kurs

In diesem Advanced-Kurs erlernen Sie weitergehende Methoden im Dokumentenaufbau, der Typografie und im Bereich Layouttechniken. Nach diesem Kurs können Sie strukturierte Dokumente erstellen oder bestehende effizienter anpassen.

Preis: 1'400.– zzgl. 7.7% MWST
Dauer2 Tage

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberater AT digicomp DOT ch