Connect failed: Connection timed out

[GastForen Programmierung/Entwicklung JavaScript Problem mit Hintergrundbild

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

Problem mit Hintergrundbild

hunter
Beiträge gesamt: 498

24. Mär 2015, 13:31
Beitrag # 1 von 7
Bewertung:
(2426 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:
(2375 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: 498

25. Mär 2015, 08:28
Beitrag # 3 von 7
Beitrag ID: #538266
Bewertung:
(2292 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: |||||
(2243 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: 498

25. Mär 2015, 11:57
Beitrag # 5 von 7
Beitrag ID: #538276
Bewertung:
(2199 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:
(2172 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: 498

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