Druckbare Version
Hallo,
wenn ich auf der Root Seite die Navigationselemente aktiviere sehe ich diese auf den Unterseiten nur wenn ich die Vererbungseinstellungen so belasse.
Sobald ich auf den Unterseiten eine andere Bildauswahl oder die Einstellungen per Seite überschreibe - erhalte ich nie mehr die Navigationselemente im Frontend angezeigt ...
Hat jemand eine Idee.
Danke
Frank
Hallo Franko
Ich habe gerade eine solche Situation mit Contao 3.2.14, 3.3.4 und 3.3.5 getestet, kann aber das geschilderte Verhalten (bei deiner Seite) nicht nachvollziehen, die Erweiterung funktioniert bei mir wie erwartet.Zitat:
Zitat von Franko
Kannst du vielleicht einen Link zu Verfügung stellen?
Grüsse
bytehead
Hallo - bin erst gerade wieder zum Testen gekommen - Sorry - zur Zeit nur lokal via XAMPP.Zitat:
Zitat von bytehead
Frische Contao 3.3.4 - nur 2 Seiten angelegt - keine weiteren Styles im Theme ( auch nicht die Core Styles )
- Erweiterung installiert
- Auf der Startpunkt Seite alles aktiviert.
- Die erste Seite standardmäßig auf Funktionsmodus Vererbung - im Frontend wird mir da zunächst gar kein Bild angezeigt
- Auf der ersten Seite dann den Funktionsmodus Bildauswahl und Einstellungen überschreiben - im Frontend werden die Bilder angezeigt und korrekt gefadet
Ich erhalte jedoch weiterhin - im Grunde nie - die Navigationselemente.
Wenn ich im template "oneup_ct_fullbgimage.html5" die Einstellung direkt aktiviere:
...
nav: true,
...
erhalte ich zwar im Quelltext unterhalb des entsprechenden Script Eintrages die Listen Elemente ( <ol class"bs-nav">...) aber es werden keine Bilder mehr angezeigt: Chrome meldet Uncaught TypeError: undefined is not a function
Irgendwie stört er sich um die Zeile $('.bs-nav .item').get(newIndex).addClass('active'); in der jquery.backstretch.min.js.
Ist nicht soo wichtig - verstehe nur nicht was ich hier falsch machen könnte ...
Gruß
Frank
Würde mich hier gerne auch einklinken.
Sowohl bei Contao 3.2.14 als auch 3.3.5 erscheint, sobald die Navigation eingeschaltet ist, weder die Navigation noch das Hintergrundbild bzw. die Hintergrundbilder.
Verhalten bei Opera 24, Chrome, IE 10 unter Win8; xammp
Es sind keine Stylesheets im Seitenlayout aktiviert.
JQuery ist aktiviert, mediaelement und colorbox angewählt.
bei 3.2.14 erscheint das Hintergrundbild bei aktivierter Navigation auf einer Seiter, bei dieser ist ein Mediaelement eingebunden - die Navigation ist im Quelltext zu finden, jedoch ohne erkennbare Funktion (leere Container /Listen)
Muss man noch irgendwas beachten bei der Erweiterung?
Edit: Die Erweiterung scheint aber zu merken wie viele Bilder angezeigt werden sollen. Wähle ich im Startpunkt 3 Bilder, werden 5 Menüpunkte angezeigt (3 + Vor/Zurück), wähle ich dann auf einer Subseite 2 individuelle Bilder, werden 4 Punkte angezeigt.
Jedoch in keinem Fall ein Bild.
Fehlerkonsole sagt: Uncaught TypeError: undefined is not a function fa885563567c.js:13
Edit2:
Code:(function(e,t,n){"use strict";e.fn.backstretch=function(r,s){if(r===n||r.length===0){e.error("No images were supplied for Backstretch")}if(e(t).scrollTop()===0){t.scrollTo(0,0)}return this.each(function(){var t=e(this),n=t.data("backstretch");if(n){if(typeof r=="string"&&typeof n[r]=="function"){n[r](s);return}s=e.extend(n.options,s);n.destroy(true)}n=new i(this,r,s);t.data("backstretch",n)})};e.backstretch=function(t,n){return e("body").backstretch(t,n).data("backstretch")};e.expr[":"].backstretch=function(t){return e(t).data("backstretch")!==n};e.fn.backstretch.defaults={centeredX:true,centeredY:true,duration:5e3,fade:0,nav:false,navClick:false,navPrevNext:false};var r={wrap:{left:0,top:0,overflow:"hidden",margin:0,padding:0,height:"100%",width:"100%",zIndex:-999999},img:{position:"absolute",display:"none",margin:0,padding:0,border:"none",width:"auto",height:"auto",maxHeight:"none",maxWidth:"none",zIndex:-999999}};var i=function(n,i,o){var u=this;this.options=e.extend({},e.fn.backstretch.defaults,o||{});this.images=e.isArray(i)?i:[i];e.each(this.images,function(){e("<img />")[0].src=this});this.isBody=n===document.body;this.$container=e(n);this.$root=this.isBody?s?e(t):e(document):this.$container;var a=this.$container.children(".backstretch").first();this.$wrap=a.length?a:e('<div class="backstretch"></div>').css(r.wrap).appendTo(this.$container);if(this.options.nav){var f=this.$container.children(".bs-nav").first();this.$nav=f.lenght?f:e('<ol class="bs-nav"></ol>');e.each(this.images,function(t){u.$nav.append(e('<li class="item"></li>').data("idx",t))});if(this.options.navPrevNext){u.$nav.prepend(e('<li class="item-nav prev"></li>'));u.$nav.append('<li class="item-nav next"></li>')}this.$nav.appendTo(this.$container);if(this.options.navClick){e(".item",u.$nav).on("click",function(t){t.preventDefault();u.show(e(this).data("idx"));return false});if(this.options.navPrevNext){e(".item-nav").on("click",function(e){e.preventDefault();if(e.target.hasClass("prev"))u.prev();if(e.target.hasClass("next"))u.next();return false})}}}if(!this.isBody){var l=this.$container.css("position"),c=this.$container.css("zIndex");this.$container.css({position:l==="static"?"relative":l,zIndex:c==="auto"?0:c,background:"none"});this.$wrap.css({zIndex:-999998})}this.$wrap.css({position:this.isBody&&s?"fixed":"absolute"});this.index=0;this.show(this.index);e(t).on("resize.backstretch",e.proxy(this.resize,this)).on("orientationchange.backstretch",e.proxy(function(){if(this.isBody&&t.pageYOffset===0){t.scrollTo(0,1);this.resize()}},this))};i.prototype={resize:function(){try{var e={left:0,top:0},n=Math.ceil(t.innerWidth/t.innerHeight)>Math.ceil(screen.width/screen.height),r=this.isBody?o?n?screen.height:screen.width:this.$root.width():this.$root.innerWidth(),i=r,s=this.isBody?o?n?screen.width:screen.height:t.innerHeight?t.innerHeight:this.$root.height():this.$root.innerHeight(),u=i/this.$img.data("ratio"),a;if(isNaN(u)){return this}if(u>=s){a=(u-s)/2;if(this.options.centeredY){e.top="-"+a+"px"}}else{u=s;i=u*this.$img.data("ratio");a=(i-r)/2;if(this.options.centeredX){e.left="-"+a+"px"}}this.$wrap.css({width:r,height:s}).find("img:not(.deleteable)").css({width:i,height:u}).css(e)}catch(f){}return this},show:function(t){if(Math.abs(t)>this.images.length-1){return}var n=this,i=n.$wrap.find("img").addClass("deleteable"),s={relatedTarget:n.$container[0]};n.$container.trigger(e.Event("backstretch.before",s),[n,t]);this.index=t;clearInterval(n.interval);n.$img=e("<img />").css(r.img).bind("load",function(r){var o=this.width||e(r.target).width(),u=this.height||e(r.target).height();e(this).data("ratio",o/u);if(n.options.nav){e(".bs-nav .item.active").removeClass("active");e(".bs-nav .item").get(t).addClass("active")}e(this).fadeIn(n.options.speed||n.options.fade,function(){i.remove();if(!n.paused){n.cycle()}e(["after","show"]).each(function(){n.$container.trigger(e.Event("backstretch."+this,s),[n,t])})});n.resize()}).appendTo(n.$wrap);n.$img.attr("src",n.images[t]);return n},next:function(){return this.show(this.index<this.images.length-1?this.index+1:0)},prev:function(){return this.show(this.index===0?this.images.length-1:this.index-1)},pause:function(){this.paused=true;return this},resume:function(){this.paused=false;this.next();return this},cycle:function(){if(this.images.length>1){clearInterval(this.interval);this.interval=setInterval(e.proxy(function(){if(!this.paused){this.next()}},this),this.options.duration)}return this},destroy:function(n){e(t).off("resize.backstretch orientationchange.backstretch");clearInterval(this.interval);if(!n){this.$wrap.remove()}this.$container.removeData("backstretch")}};var s=function(){var e=navigator.userAgent,n=navigator.platform,r=e.match(/AppleWebKit\/([0-9]+)/),i=!!r&&r[1],s=e.match(/Fennec\/([0-9]+)/),o=!!s&&s[1],u=e.match(/Opera Mobi\/([0-9]+)/),a=!!u&&u[1],f=e.match(/MSIE ([0-9]+)/),l=!!f&&f[1];return!((n.indexOf("iPhone")>-1||n.indexOf("iPad")>-1||n.indexOf("iPod")>-1)&&i&&i<534||t.operamini&&{}.toString.call(t.operamini)==="[object OperaMini]"||u&&a<7458||e.indexOf("Android")>-1&&i&&i<533||o&&o<6||"palmGetResource"in t&&i&&i<534||e.indexOf("MeeGo")>-1&&e.indexOf("NokiaBrowser/8.5.0")>-1||l&&l<=6)}();var o=function(){try{document.createEvent("TouchEvent");return true}catch(e){return false}}()})(jQuery,window)
hier läuft Cto 3.3.5 mit OnePageWebsite
Es wird nur die <ol> ganz am Ende der Seite angezeigt. Ansonsten keine Navigation, weder klickbare noch Vor/Zurück
Ist mir allerdings schon lange bekannt.
bekommt man die denn einfach und schmerzfrei mit Contao zum Laufen?
http://de.contaowiki.org/Fullsize_Ba...Tools_MooSizer
Zitat:
MooSizer - a Mootools rewrite of: Supersized - Full Screen Background/Slideshow jQuery Plugin
Klasse! Die Anleitung werde ich mir mal reinziehenZitat:
Zitat von ways2web
Feedback:
habs in Cto 3.3.5 installiert. Scheint fast alles zu funktionieren. Die Bilder sliden bei mir nicht. mo_slider ist auch im Layout eingebunden.
werden denn vielleicht fehler im javascript geworfen?
Hi,
danke erstmal für die tolle Erweiterung :-)
Ich habe eine 3.2.13 Instanz laufen und auf meinem iPhone und iPad werden leider die Hintergrundbilder nicht komplett auf die Seitengröße skaliert. Auf dem iPad fehlt rechts ein Zentimeter und auf dem iPhone ist das Hintergrundbild auf 30% seiner Größe skaliert. Habt ihr dazu eine Idee?
Bsp: http://www.tessitore.de/filum.html
Viele Grüße,
operatorone
das ist alles was angezeigt wird. der type error hat aber nichts damit zu tun. noconflict hatte ich nachträglich im head eingetragen. dachte das löst das problem.Zitat:
Zitat von ways2web
ich habe noch den hauseigenen content slider in meiner seite (onepage). nun werden dort die menü punkte doppelt angezeigt. deaktiviere ich das template werden die menü punkte wieder korrekt angezeigt.
zudem gibt es im be keine einstellungsmöglichkeiten. ich glaube das wird wieder entsorgt.
getUserData() und setUserData() sollten nicht mehr verwendet werden. Verwenden Sie stattdessen WeakMap oder element.dataset. requestNotifier.js:63
getAttributeNode() sollte nicht mehr verwendet werden. Verwenden Sie stattdessen getAttribute(). 7bb690d7390b.js:4
TypeError: $.noConflict is not a function
Das angegebene "type"-Attribut "video/x-youtube" wird nicht unterstützt. Das Laden der Medienressource http://www.xxxxx ist fehlgeschlagen.
Alle Kandidaten für die Ressource konnten nicht geladen werden. Medien-Laden pausiert.
Hallo,
hatte meine Seite mal durch den validator geschickt
Line 18, Column 104: Bad value static for attribute media on element link: Expected a CSS media type but the query ended.
…ef="system/modules/full-background-images/assets/css/style.css" media="static">
Syntax of media query:
One or more media queries, combined in a comma-separated list. Each media query consists of a media type and zero or more expressions that check for the conditions of particular media features. A media type is one of the following: all, braille, embossed, handheld, print, projection, screen, speech, tty, or tv. Note: The aural media type is deprecated. For information about valid media features and about the exact syntax of media queries, see the Media Queries specification.
Hallo FrankZitat:
Zitat von Franko
Sorry, ich war noch in den Ferien, darum solange keine Antwort.
Ich werde versuchen, dein Problem nachzuvollziehen.
Grüsse
bytehead
Hallo operatorone (und alle die das gleiche Problem haben...)Zitat:
Zitat von operatorone
Ich sehe dein Problem, die Seite ist nicht responsive.
Das Skript holt die Breite des Endgerätes und nicht der Seite, somit hast du auf einem Phone z.B. 320px Breite, auf diese Grösse wird dann das Hintergrundbild skaliert. Aber deine Seite ist effektiv breiter, somit ist das Bild dann zu klein.
Ich versuche in einer nächsten Version einen Workaround für Seiten, welche den Viewport-Tag nicht mitangeben, das Bild auf die Seitenbreite und nicht auf die Devicebreite zu skalieren.Code:width=device-width
Stay tuned,
bytehead
Hallo erstmal
Ich habe der Erweiterung soeben ein Update spendiert, welches die genannten Bugs mit der Navigation und dem CSS (media=static) beseitigen sollte.
Vielen Dank allen, die mich hier aktiv mit Fehlerberichten unterstützt haben.
Der Workaround für die mobile Version bei nicht responsiven Seiten werde ich noch nachliefern.
Grüsse
bytehead
Hallo
Ich hab noch eine alpha-Version veröffentlicht (1.4.0-alpha1), welche nun auch auf mobilen Geräten bei nicht responsiven Seiten das Bild richtig skalieren sollte.
Wurde von mir in zwei Projekten, welche nicht responsive sind, kurz getestet und hat soweit funktioniert.
Wäre aber froh, wenn das andere auch noch bestätigen könnten :)
Grüsse
bytehead
Vielen Dank für deine schnellen Updates! Validator hat wegen media=static nichts mehr zu meckern.Zitat:
Zitat von bytehead
Hallo zusammen
Zuerst danke für die tolle Erweiterung. Auch ich habe Probleme bei meiner 3.3.5 Installation. Wenn ich im Root alles anklicke, funktioniert alles, ausser der Navigation. Im Javascript werden die Felder für die Navigation alle mit false ausgegeben. Egal was ich auf den Folgeseiten anklicke, die Navigation wird nicht angezeigt. Ich habe nun direkt in der DB in der entsprechenden Folgeseite die Felder für die Navigation ausgefüllt. Jetzt funktioniert es tadellos.
Grüsse
Rafael
Hallo Rafael
Ich habe es gerade in einer 3.3.5er-Installation getestet, ich kann das von dir beschriebene Fehlverhalten nicht nachvollziehen.
Ist die Seite irgendwo erreichbar? Was hast du für eine Version der Erweiterung im Einsatz?
Grüsse
bytehead
Hallo,
ich habe die Erweiterung ausprobiert und sie gefällt mir auch sehr. Vielen Dank dafür.
Ich möchte fragen ob ich irgendwie noch folgendes realisieren könnte:
Ich habe dem Startpunkt der Webseite mehrere Hintergrundbilder zugewiesen und die Navigation aktiviert. Jeder Besucher könnte also mit der Hilfe der Navigation einen Hintergrund auswählen.
Mal angenommen der Besucher kommt also auf die Startseite, wählt ein Hintergrund aus, dann soll das gewählte Hintergrundbild auch auf allen Unterseiten eingeblendet sein bis man über die Navigation wieder ein anderes wählt.
Ist das möglich?
Liebe Grüße
Hallo N1N
Dieses Feature ist nicht geplant mit dieser Extension, da es meiner Meinung nach ein ziemlicher "Edge Case" darstellt.Zitat:
Zitat von N1N
Der Sourcecode ist aber auf Github verfügbar. Sofern du genügend Kenntnisse mit der Modulentwicklung unter Contao hast, lässt sich das sicher realisieren (z.B. mit Session-Storage, LocalStorage oder notfalls über Cookies).
Grüsse
bytehead
Hallo bytehead,
vielen Dank für diese tolle Erweiterung.
Ist es möglich, als Bezugspunkt der Skalierung die rechte untere Ecke zu bestimmen? Ich verwende freigestellte Abbildungen, die eben in dieser Ecke positioniert sind.
Danke.
JL
Hallo imacfan
Zur Zeit noch nicht, aber ich kann das gerne mal in die ToDo-List aufnehmen.Zitat:
Zitat von imacfan
Grüsse
bytehead
HI,
gibt es eine Möglichkeit Hintergrundbilder zu zentrieren? Ich habe zwar die Option "Bild horizontal zentrieren" angewählt, aber leider ist es immer noch im Browser links angeheftet.
Viele Grüße,
operatorone
https://github.com/1up-lab/contao-fu...ages/issues/23
gesendet mit Tapatalk.
Hallo zusammen !
Mich würde interessieren, ob diese tolle Erweiterung auch problemlos mit Rocksolid-Themes (hier Luxe) arbeitet. Gibt es hier eventuelle Erfahrungen oder ggf. Tipps?
Bei der Rocksolid-Übersicht für schon getestete Erweiterungen fand ich hier leider nichts ...
Vielen Dank im voraus
Mike
Hallo Mike
Ich habe gerade kein Rocksolid-Theme zur Hand, aber ich denke das sollte möglich sein. Die Erweiterung ist eigentlich nicht Theme abhängig, sofern die Themes mit einer Standard-Contao-Installation arbeiten.Zitat:
Zitat von MikeS
Gruss
bytehead
Hallo zusammen!
Erst mal ein herzliches Dankeschön an bytehead für diese tolle Erweiterung. Ich setz sie gerade zum ersten mal bei einer Webseite ein und bin begeistert! Danke!
Nun zu meinem Problem/meiner Frage:
Ich habe auf der Startseite einen Background-Slider eingebaut. Hier werden aktuell 4 Bilder geladen. Die Bilder sind alle 1920x1045 Pixel groß und haben jeweils so ca. 300 kB. Nun ist das Problem, dass die Bilder anscheinend nicht vollständig geladen werden. Das führt dazu, dass Bilder unten abgeschnitten sind, also z.B. nur 80% der Höhe geladen werden und somit die Hintergrundfarbe der Seite zu sehen ist. Teilweise waren auch nur Streifen des Bildes im unteren Bereich geladen. Ich vermute also, die Bilder werden nicht schnell genug geladen bzw. das Laden wird abgebrochen.
Hat jemand ähnliche Probleme? Kann man sagen, es liegt definitiv an der Größe der Bilder? Hat die Erweiterung irgendwie Einfluss darauf wie die Bilder geladen werden? Hat jemand Tipps, wie ich das verhindern kann?
Viele Grüße
Nicole
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