[GastForen Programmierung/Entwicklung JavaScript Problem mit Hintergrundbild

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

Problem mit Hintergrundbild

hunter
Beiträge gesamt: 495

24. Mär 2015, 13:31
Beitrag # 1 von 7
Bewertung:
(2299 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, 15:49
Beitrag # 2 von 7
Beitrag ID: #538258
Bewertung:
(2249 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


als Antwort auf: [#538256]

Problem mit Hintergrundbild

hunter
Beiträge gesamt: 495

25. Mär 2015, 08:28
Beitrag # 3 von 7
Beitrag ID: #538266
Bewertung:
(2166 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, 09:47
Beitrag # 4 von 7
Beitrag ID: #538271
Bewertung: |||||
(2117 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


als Antwort auf: [#538266]

Problem mit Hintergrundbild

hunter
Beiträge gesamt: 495

25. Mär 2015, 11:57
Beitrag # 5 von 7
Beitrag ID: #538276
Bewertung:
(2073 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, 12:36
Beitrag # 6 von 7
Beitrag ID: #538277
Bewertung:
(2046 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


als Antwort auf: [#538276]

Problem mit Hintergrundbild

hunter
Beiträge gesamt: 495

25. Mär 2015, 13:38
Beitrag # 7 von 7
Beitrag ID: #538281
Bewertung:
(2022 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

Aktuell

Farbmanagement
colorant_300

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
02.02.2023

Prozesse optimieren und effizient gestalten

Zürich
Donnerstag, 02. Feb. 2023, 08.00 - 10.00 Uhr

Digitalisierung, Webauftritt

Digitalisierung mitgestalten - Worauf kommt es an? Wie wichtig ist die Webseite? Webseite mit Word Press? Interne Prozesse optimieren

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT bkcc DOT ch

https://digitalisierung-heute.ch/digitalisierung-informationstag-schweiz/

Veranstaltungen
01.03.2023 - 09.03.2023

Online
Mittwoch, 01. März 2023, 00.00 Uhr - Donnerstag, 09. März 2023, 00.00 Uhr

Online Webinar

Wie gehen wir mit diesen Veränderungen um? Was ist notwendig, damit wir die Digitalisierung im Unternehmen klappt? Veränderungsprozesse verstehen und entsprechend handeln Mitarbeiter als Botschafter Webseite mit WordPress erstellen SEA /SEO (Ads aufschalten)

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: B. Isik, E-Mailinfo AT snfa DOT ch

https://www.fernstudiumfitness.ch/digitalisierung-schweiz/