[bgstretcher] - Ein Fullscreen Bilder-Slider für den Hintergrund einer Website

**johndoe** · 25.01.2012, 11:52

ja, das hat alles wunderbar funktioniert.
bgStretcher habe ich Version 1.0.0 installiert. Gibt es schon eine 2.0?

**ways2web** · 25.01.2012, 11:59

Zitat von johndoe

ja, das hat alles wunderbar funktioniert.
bgStretcher habe ich Version 1.0.0 installiert. Gibt es schon eine 2.0?

ich kann nicht nachvollziehen, warum es nicht geht.. unten steht ja mein code.. die einstellungen sind die gleichen.. das vor und zurück funktioniert problemlos...
wieso also nicht die pagination und das play/pause

nachtrag: vergebe ich die ID #nav, dann kommt auch die pagination zustande...
mal schauen, wo das play/pause problem liegt

mit version 2 meint eich auch das originalscript bgStretcher von ajaxblender.com, nicht die extension!

gruss
Oliver

**Schlauchbeutelmaschine** · 26.01.2012, 08:23

Für die Extension habe ich die Version 2 verwendet.

**ways2web** · 26.01.2012, 11:21

Zitat von Schlauchbeutelmaschine

Für die Extension habe ich die Version 2 verwendet.

jo

sonst würden ja einige features gar nicht gehen.. hatte extra ins js file geschaut.

das mit dem play-pause toggle hast du erfolgreich nutzen können? denn das will bei mir nicht.. hab mich auf der demo-seite umgeschaut.. mein code ist der gleiche.. aber das toggle will bei mir nicht funktionieren.
wo kann das problem liegen?

PS: das die extension keine templates aus sub-dirs in /templates auslesen kann, war dir bekannt?

gruss
Oliver

**johndoe** · 01.02.2012, 10:48

Da ich diese Extension einfach liebe, wollte ich fragen, ob es evtl. möglich ist diese noch zu erweitern:

- Thumbnails anzeigen -> Die Bilder die in einem bgStretcher enthalten sind können nicht nur Full-Screen im Hintergrund angesehen werden, sondern man erhält (ähnlich der Sideshow2) auch die Möglichkeit Thumbnails einzubinden.

- Photoswipe -> Für mobile Endgeräte. Das Hintergrundbild kann nicht nur durch klicken der Buttons geändert werden, sondern auch durch wischen über das Display. -> https://www.contao-community.de/show...-Contao-nutzen

- Ich verwende dieses Modul bei einer Webseite, bei der Referenzen (Bilder der Objekte) bildschirmfüllen angezeigt werden. Ich muss demnach für jedes Objekt ein eigenes Modul anlegen. Wäre es möglich, dass man den bgStretcher auch als Inhaltselement einpflegen kann?

Liebe Grüße,
johndoe

**Daniel Eicher** · 05.02.2012, 15:06

Zitat von ways2web

mach mal den conflict mode raus!

gruss

Sorry, hab deine Nachricht verpennt. Du hast recht, hab das offenbar falsch verstanden, läuft jetzt aber butterweich.

Cheerio!

**vangelis** · 16.02.2012, 16:29

Hallo,
erst einmal ein großes Lob für diese Super-Erweiterung.
Und gleich eine Frage:
Kann man den bgstretcher nur in einem Div laufen lassen anstatt dem Body?
Laut http://www.ajaxblender.com/bgstretch...n-updated.html sollte das gehen. Bei mir will das nicht so recht?
Contao 2.11
Lokale MAMP installation.

Gruß
Vangelis

**Schlauchbeutelmaschine** · 16.02.2012, 16:42

Was will denn nicht so recht?

Du musst dann eben schon was umbauen.

**vangelis** · 16.02.2012, 16:52

Falscher Alarm. Div brauch eine Höhe verpasst sonst sieht man nichts

.

**dtptiger** · 20.02.2012, 15:39

Zitat von H.C.

Ich würde mir wünschen das man die Slideshow nur einmal abspielen kann also ohne wiederholung...
kann man das irgendwo einstellen? Im .js hab ich nichts gefunden.

Ich würde die slideshow auch gerne nur einmal abspielen wollen, aber bin in javascript noch nich so dolle.
Hat jemand einen Tip wo ich da den break setze?

LG dtptiger

Ich denke das könnte der codeschnipsel im template sein in dem ich das random begrenzen müsste:

Code:

	 /** --------------------------------------------------------------------
	  * JS Template
	  * --------------------------------------------------------------------*/
		

		//-- Create JS Template 
		$objTplJS = new FrontendTemplate($objSettings->template_js);
	    
		$objTplJS->id 					= $objSettings->id;

		$objTplJS->imgElements 			= $imgElements;
		$objTplJS->arrSliderSize 		= $arrSliderSize;
		$objTplJS->EffectType 			= $objSettings->effect_type;
		$objTplJS->effect_duration 		= $objSettings->effect_duration;
		$objTplJS->rotation_interval 	= $objSettings->rotation_interval;

		$objTplJS->sequencemode			= $objSettings->sequencemode;
		$objTplJS->preloadimg			= ($objSettings->preloadimg)		? 	'true' : 'false' ;
		
		$objTplJS->js_mode				= $objSettings->js_mode;

		/* Add JS in HTML head 	*/	
		$GLOBALS['TL_MOOTOOLS'][] = $objTplJS->parse();					

	 /** --------------------------------------------------------------------
	  * mod_bgstretcher template
	  * -------------------------------------------------------------------- */
	  		
		$this->Template->js_mode = $objSettings->js_mode;
		
	}

	 /** --------------------------------------------------------------------
	  * Shuffle multidimensional Array
	  * -------------------------------------------------------------------- */
	 
	public function shuffle_array($array)
	{
		if (!is_array($array)) return $array;
		
		$keys = array_keys($array);
		
		shuffle($keys);
		
		$random = array();
		
		foreach ($keys as $key) 
		{
			$shuffle[] = $array[$key];
		}
		
		return $shuffle;
	}

}

**ElMariachi** · 28.02.2012, 14:59

Funktioniert leider nicht in Verbindung mit einem StickyFooter. Woran kann das liegen?

**ways2web** · 28.02.2012, 20:30

Zitat von ElMariachi

Funktioniert leider nicht in Verbindung mit einem StickyFooter. Woran kann das liegen?

bitte mach dir wenigstens die mühe den ganzen Thread zu lesen oder zu suchen bevor du den thread wieder auf active setzt

schau mal auf antwort 26!

viele grüße
ways

**xmoto** · 13.03.2012, 12:54

Hallo.

bgstretcher und PIWIK
Hab den [bgstretcher] im Einsatz und wollte nun noch den PIWIK-Code integrieren.
Leider möchten die beiden nicht zusammen arbeiten und es kommt als Resultat
ein weisse Seite ohne Inhalt. Eine saubere Sache,...
(zu sehen www.demo-contao.de)
Hab es nun mit 2.11.0 und auch schon mit 2.11.1 versucht. jQuery-Version 1.7.1
Zur Info - mit Google Analytics Code funktioniert es.

Gruß
Tom

**ways2web** · 13.03.2012, 17:24

ich hab den bgstretcher und piwik auch im einsatz,: http://fz45.ways2web.de/

es kann sein, dass ich aus den gleichen problem auf die javascript-lösung von piwik verzichte und daher den Piwik Image Tracker verwende.

gruss
ways

**Schlauchbeutelmaschine** · 14.03.2012, 08:42

Erstmal danke für das gute Beispiel! :-)

Leider ist mir gerade nicht ganz klar wo man ansetzen könnte,
aber könntest du bitte mal eine andere Contao jQuery Erweiterung einbinden und schauen,
ob das Problem dann immer noch auftritt?

Kannst du auch mal mootools deaktivieren und den noconflict mode deaktivieren?

Danke!

**haluli** · 14.03.2012, 09:24

Hallo,
ich würde gern den bgstretcher installieren, aber er wird im Erweiterungskatalog nicht angezeigt. jquery und andere Erweiterungen haben einwandfrei funktioniert. Habe es schon mit und ohne eckige Klammern versucht und auch mit copy/paste den Namen aus den Contao Erweiterungen entnommen unter suchen eingefügt. Es kommt nur die Meldung: Keine entsprechenden Erweiterungen gefunden.
Alle Filter sind auf der Standardeinstellung, sortiert wird nach Popularität und Anzeigen steht auf alle.

Hab's grad gemerkt: nicht aktuelle Erweiterungen werden anscheinend nicht angezeigt.
Nächste Erkenntnis: Kann man unter Einstellungen, Extension Repository, Inkompatible Erweiterungen anzeigen, ändern.

**vangelis** · 15.03.2012, 08:40

Hallo,
hat jemand den Play/Pause Button lauffähig?
Habe so ziemlich jede Kombi getestet (NC, Mootools aus etc.).

Gruß
Vangelis

**xmoto** · 15.03.2012, 11:22

Zitat von haluli

Hallo,
……

Hab's grad gemerkt: nicht aktuelle Erweiterungen werden anscheinend nicht angezeigt.
Nächste Erkenntnis: Kann man unter Einstellungen, Extension Repository, Inkompatible Erweiterungen anzeigen, ändern.

Gehe unter "Erweiterungsverwaltung". Oben rechts steht "Erweiterung installieren". Anklicken und dort den Namen "bgstretcher" angeben.
Dann funktioniert es.

**xmoto** · 15.03.2012, 14:25

Zitat von Schlauchbeutelmaschine

…
Kannst du auch mal mootools deaktivieren und den noconflict mode deaktivieren?

Danke!

Hallo.

Habe nochmals getestet. Alle anderen Einstellungen brachten auch nichts.
Habe dann den Piwik Code im Head-Bereich platziert. Jetzt funktioniert es.

**mv_alex** · 11.04.2012, 16:35

Hallo zusammen,

bevor die Hintergrundshow anläuft, bleibt der Bildschirm per default schwarz. Kann man das ändern, z.B. auf weiß?

Rein mit CSS scheint das nicht zu klappen, zumindest nicht mit einem

Code:

.bgstretcher-area,
.bgstretcher-page
{
    background-color:#fff;
}

Danke für jeden Tipp!

Gruß Alex

**xmoto** · 11.04.2012, 16:46

Hallo Alex.

was funktionieren sollte:

Code:

div#bgstretcher {
background: #FFF;
}

**mv_alex** · 11.04.2012, 16:53

Tatsache - klasse! Danke!

**mv_alex** · 12.04.2012, 09:38

Gibt es eigentlich eine Möglichkeit, ein einzelnes Bild als Preload oder Vorschau zu definieren, solange der Slider noch lädt?

Gruß Alex

**Trikerdaniel** · 29.04.2012, 15:03

Hallo zusammen

Ich habe bgstretcher 1.0.0 Build 4 und Contao 2.11.2 installiert.
Der bgstretcher funktioniert tadellos bis auf das iPhon / iPad. Dort habe ich unten und rechts einen Rand ohne Bild! ( siehe Screenshot )

An was kann das liegen?

Danke zum voraus
Daniel

foto.jpeg

**matuweb** · 02.05.2012, 20:13

Das Modul funktioniert leider nicht in Verbindung mit dem Modul Galleria!

Immer wenn ich im Seitenlayout jQuery und MooTools laden anklicke, funktionieren die Hintergrundbilder nicht mehr...

Woran kann dies liegen?

**magicsepp** · 02.05.2012, 20:39

Hallo Christian,

2 Frameworks ist etwas tricky no-conflict Modus für jQuery ein muß

**matuweb** · 02.05.2012, 21:09

D.h. was muss ich umstellen?

Sorry, kenne mich damit nicht aus?

Danke

Grüße
Christian

**jabadoo** · 09.05.2012, 22:04

Danke für die Erweiterung!

**macito** · 08.06.2012, 19:27

Hi Leute,

ich benutze die Extension zum ersten mal und würde gerne wissen, ob/wie ich für jede Unterseite individuell ein Bild auswählen kann.

Vielen Dank im Voraus!

**P_J** · 10.06.2012, 21:04

Hallo,

ich habe folgendes Problem in diesem Thread schon beschrieben. Janosch, der Entwickler der jQuery-Extension hat sich das angeschaut und meinte, dass durch den bgstretcher das slideitmoo-Skript doppelt angestoßen wird. Ich bin jetzt kein JavaScript-Held, deshalb kann ich das wohl schlecht erklären.

Zitat: " Es nimmt nämlich das komplette html und setzt dies neu in den DOM ein, wodurch das slideIT-Script nochmals angestoßen wird."

Vielleicht kannst du was damit anfangen.

Grüße Pascal

**matuweb** · 19.07.2012, 07:15

Funktioniert das Modul auch mit Contao 2.11.2 und 2.11.4?

Danke

Grüße
Matu

**manfred** · 19.07.2012, 10:12

Unter 2.11.4 läuft es bei mir......ostalbdach punkt de

Manfred

**mediaman33** · 19.07.2012, 16:13

gerade unter 2.11.4 installiert funktioniert
danke

**matuweb** · 19.07.2012, 19:07

Habs dann auch gewagt und es läuft

!

Danke

Grüße
Matu

**manfred** · 19.07.2012, 19:11

Wäre schön, wenn man auch mal die anderen Beispiele sehen könnte.....manfred

**beatem** · 04.10.2012, 10:54

Halllo,
ich habe das Modul im Einsatz, es läuft auch prima...jetzt wollte ich ganz gerne das die Slideshow nicht nach unten, sondern Richtung Norden geht - ich finde hierfür im Modul keine Einstellungsmöglichkeiten, es gibt nur Möglichkeiten zum Einstellen der Größe und Höhe, Einblendungsdauer, Effektdauer,Effekt Art, Abspielverhalten (fade usw...) und die Auswahl des Templates...
Wo kann ich diese Änderung durchführen? Über einen Tipp wäre ich sehr dankbar - Danke.

**beatem** · 04.10.2012, 12:11

Der Slider soll natürlich nach rechts oder links wandern....nicht nach oben oder unten...

**matthias123** · 24.10.2012, 01:32

hallo,

hat jemand diese erweiterung unter 2.11.6 laufen? hab sie bei einer anderen website unter 2.11.2 ohne Probleme im Einsatz aber bei 2.11.6 wird im Layout kein BG Stretcher angezeigt! Weiß jemand weiter?

**tlnewbie** · 28.10.2012, 17:58

Zitat von P_J

Hallo,

ich habe folgendes Problem in diesem Thread schon beschrieben. Janosch, der Entwickler der jQuery-Extension hat sich das angeschaut und meinte, dass durch den bgstretcher das slideitmoo-Skript doppelt angestoßen wird. Ich bin jetzt kein JavaScript-Held, deshalb kann ich das wohl schlecht erklären.

Zitat: " Es nimmt nämlich das komplette html und setzt dies neu in den DOM ein, wodurch das slideIT-Script nochmals angestoßen wird."

Vielleicht kannst du was damit anfangen.

Grüße Pascal

Ich möchte hier ebenfalls dieses Problem melden - mein (eigenes) javascript wird ebenfalls 2mal ausgeführt!
Lässt sich das nicht anders lösen als oben beschrieben (" Es nimmt nämlich das komplette html und setzt dies neu in den DOM ein, wodurch das slideIT-Script nochmals angestoßen wird.")?
Ich verwende jetzt ein anderes Skript für mein background image, das ist nicht das Problem, aber der Effekt ist schon irgendwie seltsam, vor allem scheint er ja nicht grundsätzlich / nicht bei all den anderen aufzutreten?!
Gruß!

**2nuts** · 21.11.2012, 13:55

hallo.

ich habe den bgstretcher unter 3.0 installiert. leider wird er da nicht ausgeführt. auch wenn ich eine slideshow konfiguriere kommt in der übersicht 0-bilder enthalten.

wirdf es da eine anpassung auf 3.0 geben? wäre super da ich das aktuell gut gebrauchen könnte für ein projekt...