Druckbare Version
Hallo Nicole
Danke, freut mich wenn die Erweiterung anderen dient!Zitat:
Zitat von Webstylerin
Sehr seltsam. Ich habe bei meiner Test-Installation Bilder drin mit 2560x1600 Pixel, einer Dateigrösse von ~1.5MB und das funktioniert ohne Probleme.Zitat:
Zitat von Webstylerin
Du kannst mir gerne per PN einen Direktlink schicken, damit ich mir das mal ansehen kann.
Liebe Grüsse
bytehead
Hallo
Habt ihr zum Problem mit dem verzögerten Laden der Bilder schon etwas herausgefunden?
Ein Kunde berichtete mir:
"Mozilla Firefox (35.0.1): Die Bilder in der Diashow bauen sich nicht ganz auf, d.h. das neue Bild kommt, und der untere Drittel ist noch vom vorhergehendem Bild."
Danke für den Bescheid.
Gruß, luminanz
Hallo
Bin leider noch nicht weitergekommen.
Hilfreich für mich wäre noch genaue OS Version, der Firefox auf dem Mac scheint keine Probleme zu haben.
Grüsse
bytehead
Der 35er FF auf Mac macht mit dem dk_caroufredsel als Hintergrund-Slider den gleichen "Mist". Scheint mir eher ein Problem vom FF zu sein und/oder der Kombi des FFs mit jQuery.
Also es ist ein Firefox 35 Problem, ist in der 36 Beta bereits behoben.
Bugtracker: https://bugzilla.mozilla.org/show_bug.cgi?id=1124051
Grüsse
bytehead
Servus,
hat das jemand schon unter 3.4 (3.4.4) laufen? Bevor ich es selber teste, frag ich lieber :)
Danke
Dani
Hallo xkoy,
ich habe dk_caroufredsel unter 3.4.4 laufen und mit dem aktuellen FF gibt es beim Bildaufbau auch keine Probleme mehr
Danke Dir, dann kann ich das mal testen!
dk_caroufredsel != full-background-images ;)Zitat:
Zitat von imacfan
Aber ich vermute mal fest, dass die Extension auch unter 3.4.4 laufen wird. Sonst gerne melden :)
Hallo zusammen,
habt ihr Erfahrungen mit dem HTC one & [full-background-images] (Version 1.4.0)?
Hier werden die Bilder anscheinend nicht auf die volle Breite des Bildschirms skaliert. Bei meinem HTC scheint das Hintergrundbild zu groß zu sein, beim Kunden jedoch zu klein?!? Ich hab grad keine Ahnung wo ich da ansetzen soll um das zu beheben, falls ich das überhaubt kann.
VG
Nicole
Hallo Nicole
Ich habe leider keine HTC Devices um es zu testen. Was für ein Browser und welche Version verwendest du auf dem HTC?
Grüsse
Dave
Hi,
hab mittlerweile gemerkt, dass ich hier gar kein HTC One habe, sondern ein HTC Desire S. (Handy hab ich nur zum Testen, oute mich mal als Apfel-Freund der keine Ahnung vom Rest der Welt hat.) ;)
Beim Desire S ist es der stinknormale "Internet-Browser", ebenfalls beim One.
Die Version des One ist: Android 5.0.2, HTC Sense 6.0
Sonnige Grüße
Nicole
Hi, ich habe ein kleineres Problem.
Erstmal danke für die tolle Erweiterung, klappt bisher alles wunderbar.
Nur will ich nun etwas ändern: Und zwar möchte ich dass die Website einen Rand an allen Seiten hat, so dass sie frei "schwebt". Sieht einfach schöner aus finde ich. Dazu hab ich nun erstmal dem Body eine Border und eine Margin hinzugefügt was auch klappt. nun füllt die Erweiterung aber nicht nur den body bereich sondern natürlich die komplette Seite mit dem Hintergrundbild.
Wie bekomme ich es hin, dass nur der innere (body) Bereich vom Hintergrund ausgefüllt wird und ich außen einfach eine Farbe als Hintergrund nehmen kann.
mfg
Hallo Wrathberry
Das ist möglich mit der neuen 1.5.0 Beta, wo du ein Element angeben kannst, in welchem das Hintergrundbild platziert wird.
Hast du Composer im Einsatz oder bist du mit der Contao Erweiterungsverwaltung unterwegs?
Grüsse
bytehead
Benutze die normale Erweiterungsverwaltung von Contao :) Wie bekomme ich die Betaversion? Im Erweiterungsmanager kann ich darauf leider nicht upgradenZitat:
Zitat von bytehead
Ich muss die 1.5.0 Beta noch ins ER stellen. Ist eben erst über Composer verfügbar.
Nur kurz für mich: Was ist der composer? ist das auch einfach ne erweiterung?Zitat:
Zitat von bytehead
Die 1.5.0-beta1 ist nun im ER verfügbar: 1.5.0-beta1
Du kannst nun das Template anpassen unddurch was anderes ersetzen (siehe hier).HTML-Code:'body'
Composer ist eine Paketverwaltung für PHP und wird das ER in Zukunft ablösen.Zitat:
Zitat von Wrathberry
Hier gibts ein paar Infos dazu:
https://c-c-a.org/ueber-composer
http://de.contaowiki.org/Composer/Client
und hier noch einen Talk von der Konferenz: https://www.youtube.com/watch?v=VkeoIuCjGZ0
Hey, danke. Das Updaten hat schonmal geklappt.
Aber wie genau setz ich nun den Container? In der Seitenstruktur wo ich die Hintergrundbilder einfüge, finde ich nichts.
Wo genau muss ich hin um den Container zu ändern?
Bzw. wie komme ich in das Template von der Erweiterung?
Du musst das Template anpassen und 'body' mit '#wrapper' ersetzen.
Danach wird das Hintergrundbild im Container #wrapper aufgezogen und nicht mehr im body.
Templates editieren: http://de.contaowiki.org/Templates_bearbeiten
Vielen Dank! Wieder was dazu gelernt :)
Hi zusammen,
ganz einfache Frage: Wie bekommen ich das Bild was sehr groß ist 3344x2756 proportional angezeigt? Die mitte stimmt, aber der untere Teil wird abgeschnitten.
http://kttk.de/2015/
Danke
Preetz
Hi,
habe es jetzt noch mal etwas versucht. Muss ich das per CSS bestimmen oder muss die Grafik kleiner werden?
Würde es natürlich auch klasse finden, wenn dieses auf dem Smartphone auch gut aussehen würde.
Danke
Preetz
Hallo Preetz
Die Skalierung stimmt schon. Dein Problem ist, dass die "Information" auf dem Bild in der Ecke unten links ist und je nach Bildschirmgrösse abgeschnitten wird. Das geht leider nicht anders, da die Erweiterung das Seitenverhältnis des Bildes beibehalten soll.
Die Erweiterung funktioniert auch für mobile Geräte.
Grüsse
bytehead
Vielen Dank,
heißt, ich muss das Bild verkleiner?
Was ist da für eine Größe optimal?
Danke
Preetz
Bringt nicht wirklich viel - weil es ja Displaygrössen wie Sand am Meer gibt und somit keine Garantie, dass die Ecke unten links nicht abgeschnitten wird.
Am Besten wäre es, wenn du die "Information" (das Logo) von unten links in die Mitte verschiebst. Oder zumindest in die Richtung.
Beste Grüsse
bytehead
Hallo,
ich hab die Erweiterung nur bei mobilen Geräten laufen und es funktioniert einwandfrei.
Allerdings habe ich meine Webseite auch als App im GooglePlay eingebunden. Hier reduziert er die
Bildgröße nicht auf die Smartphonegröße und beginnt links oben im Eck.
Rufe ich das ganze über den Firefox im Smartphone auf, sieht es wunderbar aus.
Vielleicht hat ja jemand einen Tipp, wie das als App auch funktioniert.
Gruss
Frank
Coole Extension, jetzt hab ich aber noch 2 Fragen dazu:
- Wie groß speichert ihr denn eure BGImages
- Gibt es eine Möglichkeit nur ein Image anzuzeigen, ich will keinen Bildwechsel muss aber eine Zeit in ms angeben wann das nächste Bild geladen werden soll, ich kann da natürlich eine entsprechend hohe Zahl eingeben aber kann man das nicht einfach deaktivieren?
Danke nochmal!!
1. So klein, wie es noch Sinn macht.Zitat:
Zitat von Schnubi
2. Wenn du nur ein Hintergrundbild anzeigen möchtest, brauchst du keine Erweiterung. Ansonsten einfach eine sehr große Zahl angeben.
Danke Andreas, ich möchte pro Seite 1 Bild aber eben auf vielen Seiten unterschiedliche Bilder da is es einfach praktisch wenn ich das über die Extension einstellen kann, cool wäre eben eine Möglihkeit dies per Checkbox oder so einzustellen ohne die Werte 3600000 zu setzen :)
Zur größe hätte mich halt interessiert was eben noch Sinn macht, wie gruß speicherst du denn deine Bilder?
Danke
Schnub
Hallo Schnub
Welche Version setzt du ein? Bis und mit Version 1.5.0-beta war es möglich, in Unterseiten nur das Bild anzugeben und die anderen Parameter von der übergeordneten Seite (in deinem Fall die Root-Seite) vererben zu lassen.
Bildgrösse ist dir freigestellt - je grösser das Bild, desto besser die Qualität auf grossen Screens. Ich habe auch schon Bilder mit Abmessungen von 1920x1080 verwendet - je nach Bild lassen die sich als JPG gut komprimieren.
Gruss
bytehead
Pixelgröße: Kommt auf die Bilder an, den Inhalt der Bilder, die Farben, die Opacity, die Sichtbaren Bereiche, das Projekt, die Zielgruppe, den Auftraggeber, Material vom Auftraggeber ...Zitat:
Zitat von Schnubi
Größe in KB: Auf jeden Fall keine JPEGs mit Schlieren.
:(Ich habe jetzt alle Forenbeiträge hier zum full-background-images durchgesehen, aber ich finde keine Lösung für mich.
Ich benutze Contao 3.2.20 und habe die Erweiterung installiert. Im Root habe ich sie aktiviert und eine Musterslideshow mit Bildern hinterlegt. Die Navigation habe ich aktiviert und auch die verschiedenen Navigationsmöglichkeiten wahlweise angeklickt, aber sie erscheint nicht. Weder wenn ich neue Bilder auf einer Seite einfüge, noch wenn ich einfach die Standardeinstellung aus dem Root beibehalte.
Die Slideshow läuft, aber die Navigation erscheint nicht.
Liegt sie vielleicht irgendwo dahinter?
Kann mir jemand helfen?
Mit herzlichem Dank
Manja
Hallo Manja
Was für eine Version der Erweiterung hast du installiert?
Hast du eine URL zu der Seite? Falls ja, kannst du mir die URL auch per PN schicken.
Grüsse
bytehead
Die Erweiterungsversion ist 1.5.2-beta2.
Im Moment habe ich die seite nur offline. Wenn es aber sinnvoll ist, dann kann ich sie in einen subdomain ordner schieben zum gucken. Sag mir bitte Bescheid. Ich komme dann aber erst morgen dazu das zu machen.
Mit herzlichem Dank
Manja
Alles klar. Ja das wäre toll - da kommen wir sicher schneller zum Ziel ;-)
Grüsse
bytehead
Jetzt habe ich alles noch mal kontrolliert und geputzt etc., weil es eine alte Seite ist, die ich von 2.9 auf 3.2.20 hebe.
Jetzt sehe ich unten links eine Navigation, aber nur bei den Einzelbildern und nicht bei denen, wo sie sinnvoll wäre, nämlich bei der Slideshow.
Dann habe ich auch versucht, sie mir irgendwo anders hinzuschieben, weil ich dort eigentlich Text habe. Wenn ich in der css aber .bs_nav verändere, dann verschwindet die Navigation ganz.
Wenn es einen Sinn macht, kann ich die Seite auch 3.5.4 heben. Was vielleicht sowieso mehr Sinn macht.
Jedenfalls habe ich die Seite jetzt online in meinem privaten Bereich und dir #bytehead per pn die Zugangsdaten geschickt.
Mit herzlichem Dank
Manja
Was ich auch ausprobiere in meiner onepage kann ich immer nur das komplette hintergrundbild ändern. Die Unterseiten bleiben weiss... kann mir da bitte jemand helfen? ich verzweifele noch...
VG Angie :o:mad::o
Hallo
erstmal danke für dieses Modul ich bin begeistert.
Ich verwende es zur Zeit unter Contao 3.5.4 und obwohl es dazu nicht zugelassen ist, kann ich keine Fehlfunktion feststellen.
Ich habe allerdings das Problem, das auf der Website wo ich dieses Modul verwende der Slideeffekt bei mobilen Endgeräten nicht verwendet werden soll,
aufgrund von Nachladezeiten etc. .
Würde mir jemand einen Tipp geben an welcher Stelle im SourceCode ich ansetzen sollte und wie?
Grüße und Dank
Mario
Hallo Mario
Danke für den Test, dann kann ich die Kompatibilität ja hochsetzen :)Zitat:
Zitat von mario77
Hast du irgendein CSS-Framework wie Bootstrap oder Foundation im Einsatz?Zitat:
Zitat von mario77
Beste Grüsse,
bytehead
Hallo Bytehead,
im Einsazt habe ich ein "verhackstücktes" Bootstrap weil ich bestimmte Sonderregeln je nach Breite brauche.
Also im Prinzip mehrere @media (min-width:XXXpx) and (max-width:YYYpx) Vorschriften.
Dank für die schnelle Reaktion
Hallo Mario
Du solltest eigentlich ohne Probleme das Template (oneup_ct_fullbgimage.html5) anpassen können.
Bedingt halt ein wenig Javascript, zB. eine Möglichkeit hier:
Ich hab die Lösung nicht getestet, evt. hats noch kleine Bugs. Aber es wäre ein Weg, wie du den Slider auf Mobile Devices deaktivieren kannst.Code:<script type="text/javascript">
window.addEventListener("load-fullbg", function() {
;(function($){
$(document).ready(function() {
// array with images
var images = [<?php echo $this->images; ?>];
// should the single image be randomized (only on mobile)?
var random = true;
var index = 0;
// check the device width
if ($(window).width() < 641) {
// check, if random image is used
if (random) {
// get random index value between 0 and images.length
index = Math.floor(Math.random() * images.length) + 0;
}
// overwrite multi image array with single image array
images = [images[index]];
}
$.backstretch(
'body',
images,
{
duration: <?php echo $this->timeout; ?>,
fade: <?php echo $this->speed; ?>,
nav: <?php echo $this->nav; ?>,
navClick: <?php echo $this->navClick; ?>,
navPrevNext: <?php echo $this->navPrevNext; ?>,
centeredX: <?php echo $this->centerX; ?>,
centeredY: <?php echo $this->centerY; ?>
});
});
})(jQuery);
});
</script>
Beste Grüsse
bytehead
Die Erweiterung ist wirklich super, vielen lieben Dank!
Ich traue mich kaum zu fragen, weil ich fürchte, etwas ganz Einfaches übersehen zu haben...
Ich möchte sie nur für der Desktop-Version einsetzen. Mobil soll es andere (reduzierte) Einzelhintergründe geben, weil ich fürchte, dass die Datenmengen einfach nicht zumutbar sind, die in dem Fall auflaufen.
Ist das möglich und wenn ja, wie?
Und noch etwas:
Für eine "nach oben"-Funktion muss ich jquery im Head aufrufen. Wenn ich diese Zeile eintrage, funktioniert die Full Background Erweiterung aber nicht mehr. Könnte mir jemand erklären, wie ich das lösen kann? :o
Hallo Silvi
Verschiedene Bilder für verschiedene Endgeräte werden leider noch nicht unterstützt.Zitat:
Zitat von Silvi79
Grundsätzlich wäre es aber mit ein wenig JavaScript möglich, je nach Bildschirmbreite andere Bilder anzuzeigen.
Beste Grüsse,
bytehead
Was ist die Fehlermeldung?Zitat:
Zitat von Silvi79
Generell ist es eine schlechte Idee, jQuery im Head einzubinden, da es das Rendering der Webseite blockiert, bis das File geladen wurde.
Grüsse,
bytehead
Hallo bytehead,
vielen Dank für deine Antworten!
Zur letzten Frage: Es gibt keine Fehlermeldung, es wird schlicht gar kein Hintergrundbild geladen bzw. angezeigt.
Ich habe jquery testweise auch schon ans Seitenende gesetzt, aber das hat nichts geändert.
LG Silvi
Hallo Silvi
In der Developer-Console (Mac: Command + Option + J, Windows/Linux: Control + Shift + J) auch nicht?Zitat:
Zitat von Silvi79
Sofern jQuery eingebunden ist, sollte die Erweiterung eigentlich laufen.
Grüsse
bytehead
Hallo bythehead,
entschuldige bitte die späte Antwort; ich war im Urlaub und habe den Thread dann nicht mehr im Auge gehabt.
Ich habe die gleiche Kombi jetzt in einem anderen Projekt verwendet; da funktioniert es. Ergo habe ich irgendwo einen Fehler drin bei dem anderen. :o
Danke für deine Hilfe!
LG Silvi
EDIT:
Ich habe deine Lösung ausprobiert, da waren nur zwei kleine Tippfehler drin (muss centered unten heißen):
Ich bin leider nicht fit in JavaScript.Code:<script type="text/javascript">
window.addEventListener("load-fullbg", function() {
;(function($){
$(document).ready(function() {
// array with images
var images = [<?php echo $this->images; ?>];
// should the single image be randomized (only on mobile)?
var random = true;
var index = 0;
// check the device width
if ($(window).width() < 641) {
// check, if random image is used
if (random) {
// get random index value between 0 and images.length
index = Math.floor(Math.random() * images.length) + 0;
}
// overwrite multi image array with single image array
images = [images[index]];
}
$.backstretch(
'body',
images,
{
duration: <?php echo $this->timeout; ?>,
fade: <?php echo $this->speed; ?>,
nav: <?php echo $this->nav; ?>,
navClick: <?php echo $this->navClick; ?>,
navPrevNext: <?php echo $this->navPrevNext; ?>,
centeredX: <?php echo $this->centeredX; ?>,
centeredY: <?php echo $this->centeredY; ?>
});
});
})(jQuery);
});
</script>
Könnte man hier nicht ansetzen und sagen: Wenn <641, dann zeige gar kein Hintergrundbild - während ich dieses dann über CSS bestimmen könnte?
Ansonsten finde ich die Lösung aber auch so schon sehr hilfreich. Vielen Dank!!
Hallo Silvi
Kein Ding :)Zitat:
Zitat von Silvi79
Alles klar, hab ich wohl verpasst.Zitat:
Zitat von Silvi79
Klar, du könntest bei kleinen Bildschirmen backstretch deaktivieren:Zitat:
Zitat von Silvi79
Beste GrüsseCode:<script type="text/javascript">
window.addEventListener("load-fullbg", function() {
;(function($){
$(document).ready(function() {
// array with images
var images = [<?php echo $this->images; ?>];
// should the single image be randomized (only on mobile)?
var random = true;
var index = 0;
// check the device width
if ($(window).width() > 641) {
$.backstretch(
'body',
images,
{
duration: <?php echo $this->timeout; ?>,
fade: <?php echo $this->speed; ?>,
nav: <?php echo $this->nav; ?>,
navClick: <?php echo $this->navClick; ?>,
navPrevNext: <?php echo $this->navPrevNext; ?>,
centeredX: <?php echo $this->centeredX; ?>,
centeredY: <?php echo $this->centeredY; ?>
});
}
});
})(jQuery);
});
</script>
bytehead
Hallo an alle!
Contao ist noch neu für mich, ich baue an einer recht simplen Seite.
Die Erweiterung klappt bei mir soweit prima, finde es ganz toll, dass ich sie mit meinen wenigen Kenntnissen zum Laufen bringen konnte!
Vielen vielen Dank!
Zum ganz großen Glück müsste ich es nur noch irgendwie schaffen, die im Hintergrund erscheinenden und wechselnden Bilder mit einer jeweiligen Bildbeschreibung versehen zu können. Ein Traum wäre natürlich wenn man bei der Auswahl der Bilder im Backend eine Beschreibung mit eingeben könnte, die dann auch in der Slideshow erscheint. Da ich das aber garantiert nicht selbst hinkriege, wäre ich mit einer abgespeckten Version schon sehr froh :)
Könnte man vielleicht über CSS die einzelnen items permanent mit Nummern versehen, also z.B. mit list-style-type? Dann kann ich im z.B. Footer die entsprechenden Angaben als nummerierte Liste machen, und ändern, wenn ich mal ein Bild austausche.
Bin über jede Idee dankbar, meine Fähigkeiten sind jedoch begrenzt :)
Hallo Zusammen,
ich habe bzgl. der Verwendung des Moduls, noch einmal eine Frage.
Ich habe jetzt die Aufgabe erhalten in, Abhängigkeit von dem aktuellen Bild eine Onklick-Reaktion zu erzeugen, defakto
eine Lightbox darzustellen mit gemischten Inhalten.
Ansatz wäre (so denke ich), entweder den aktuellen Indexwert (des aktuellen Bildes) abzufragen oder den "img-src" abzugleichen.
Ich denke mir die Zeitspanne des Fadeeffektes kann ich vernachlässigen, also wäre es einfacher mit dem Index zu arbeiten.
Meine JS-Kenntnisse scheinen dazu nicht ausreichend zu sein :(
Kann mir dabei jemand auf die Sprünge helfen, wie und wo ich das im Source am besten abfrage?
VG
und DANKE
Mario
Hallo zusammen,
sehr coole Erweiterung. Auch ich hätte Interesse das der Titel und die Bildbeschreibung vom Dateimanager mit ausgegeben wird. Kann man das evtl. im Template integrieren? Gestaltung wäre dann ja über CSS möglich...
Gruß Toto
Bug bei Touch-Desktops.
Ich habe bei der (ansonsten ziemlich coolen) Erweiterung leider einen Bug gefunden, der mir ziemlich viele graue Haare beschert hat.
Und zwar bei Windows 10, Desktop, Chrome mit Touch-Fähigem Display.
Dort wird das Gerät mit isMobile = true erkannt
und bei der Abfrage
landscape = (Math.ceil(window.innerWidth / window.innerHeight) > Math.ceil(screen.width / screen.height))
kommt das "landscape" an einer falschen Stelle: Nämlich dann, wenn der Screen auf Landscape steht (was ja beim Desktoprechner nicht schwer ist) und das Fenster "noch landscapiger" ist als der Bildschirm. Also z.B. bei Bildschirmauflösung 1920x1680 und Fenster 1700x500 (ganz extrem gezeigt).
Dann wird landscape auf true gesetzt (hier ist es eigentlich genau andersherum als man es erwarten würde?) und das Bild ist rechts abgeschnitten und lässt einen weißen Bereich.
Ich bin noch am Rumprobieren, wie man das lösen könnte.
Hallo zusammen
Unter https://github.com/1up-lab/contao-fu...kground-images wäre ein Bug-Tracker für die Erweiterung zu finden. Ihr dürft dort gerne Fehler und Features melden :cool:
Beste Grüsse
bytehead
Hi, vielen Dank für das super Modul. Ich überlege es für mein nächstes Projekt einzusetzen. Hier fehlt mir allerdings zwecks Ladezeitenoptimierung noch die Möglichkeit auf die hinterlegten Bildgrößen in Contao zurückgreifen zu können. Nach dem folgenden Prinzip: Desktop = stelle Bild mit 1900px bereit, Smartphone = stelle Bild mit 600px bereit.
LG
Hallo,
ich habe die Erweiterung als Modul in der Kopfzeile eingebunden und lade dort jedes Mal ein anderes Bild.
Ich vermisse die Einstellungen beim Modul, die ich sonst auf der Root-Seite bzw. auf jeder Seite explizit habe, wie z.B. Bildübergang, Dauer, ...
Sind diese Einstellungen bei Einsatz als Modul nicht vorgesehen?
VG
Oliver