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

[johndoe]

Awesome! Danke dir!!

[ways2web]

wenn du das template änderst, darfst du es aber nicht in einem unterordner von /templates platzieren... denn das auslesen von diesen unterverzeichnissen beherrscht bgstretcher leider nicht.

konnte die anleitung mit dem menü leide rnicht erfolgreich umsetzen.. jemand anders?

[johndoe]

Also bei mir hat es gleich funktioniert.

Template:

<script type="text/javascript">
 
/* <![CDATA[ */


<?php echo $this->js_mode; ?>(document).ready(function(){

	//  Initialize Backgound Stretcher

	<?php echo $this->js_mode; ?>('BODY').bgStretcher({
            [B]    buttonPrev: '#prev',
		buttonNext: '#next',
                pagination: '#nav-bgs',  
		[/B]
                images: [<?php echo $this->imgElements; ?>], 
          	imageWidth: <?php echo $this->arrSliderSize[0]; ?>, 
               	imageHeight: <?php echo $this->arrSliderSize[1]; ?>,
           

		nextSlideDelay:<?php echo $this->rotation_interval; ?>,
		slideShowSpeed:<?php echo $this->effect_duration; ?>,
		transitionEffect: '<?php echo $this->EffectType;?>',
		sequenceMode: '<?php echo $this->sequencemode; ?>'

	});

});

/* ]]> */
</script>

Und dann eben noch das HTML-Modul erstellen und in das Seitenlayout einbinden...

Ich habe es pagination: '#nav-bgs', genannt, da es sonst Probleme mit der Navigation gibt... Das muss dann natürlich auch im Modul angepasst werden.

[ways2web]

ich hab exakt die gleichen anpassungen genommen... sowohl im js als auch im template...

hast du im bgstretcher selbst bestimmte Einstellungen vorgenommen? bestimmte jquery version oder so?
bei mir will die steuerung einfach nicht funktionieren


template: und der code landet auch im quelltext.. unter images tauchen dann die bilder auf.. der bgstretcher an sich funktioniert...

<script type="text/javascript">
/* <![CDATA[ */

<?php echo $this->js_mode; ?>(document).ready(function(){
	//  Initialize Backgound Stretcher	
	<?php echo $this->js_mode; ?>('BODY').bgStretcher({
	buttonPrev: '#prev',
	buttonNext: '#next',
	pagination: '#navBg', 
		images: [<?php echo $this->imgElements; ?>], 
		imageWidth: <?php echo $this->arrSliderSize[0]; ?>, 
		imageHeight: <?php echo $this->arrSliderSize[1]; ?>,
		nextSlideDelay:<?php echo $this->rotation_interval; ?>,
		slideShowSpeed:<?php echo $this->effect_duration; ?>,
		transitionEffect: '<?php echo $this->EffectType;?>',
		sequenceMode: '<?php echo $this->sequencemode; ?>'
	});
});

/* ]]> */
</script>

das modul:

<div class="row">
<h2>Manual Controls</h2>
<div class="nav-buttons">
<a href="javascript:;" id="prev">Previouse image</a>[nbsp][nbsp][nbsp]
<a href="javascript:;" id="next">Next image</a>
</div>
</div>
<div class="row nav-buttons">
<span class="pager">Pager:</span> <div id="navBg">[nbsp]</div>
</div>
<div class="row">
<a href="javascript:;" id="toggleAnimation" >Pause Animation</a>
</div>

[johndoe]

bgStretcher Einstellungen:
Breite: 2560
Höhe: 1703

Einlendungsdauer: 200000
Effektdauer: 1000

Effekt Art: none
Abspielreihenfolge: normal

Js-Template -> Das bearbeitete auswählen

jQuery noConflict Mode: jQuery


Seitenlayout -> Experten-Einstellungen:
Ausgabeformat: HTML
lokale Datei
jQuery verwenden ja
jQuery-Version: 1.7.1
jQuer und mootools laden ja

MooTools-Templates: moo_mediabox und moo-jquery_nc (Erweiterung jquery)

Hoffe das hilft dir weiter.

[ways2web]

dankeschön!

ich hab den blöden fehler damit gefunden!
ich hatte bei Abspiel-Reihenfolge "random", wenn das aktiviert ist, geht das mit der Navigation nicht mehr..
was bei mir aber dennoch nicht geht ist die pagination.. also das "Pager", geht das bei dir?

[johndoe]

Ja, das geht auch. Aber ich weiß nicht, wieso das bei dir nicht geht...

[ways2web]

Ja, das geht auch. Aber ich weiß nicht, wieso das bei dir nicht geht...

hast du dafür noch irgendwas in das html-modul eingefügt? auch das PAuse funktioneirt nicht bei mir

[johndoe]

Nee, ich habe eigentlich nichts mehr verändert. Ich habe nur einiges weg gemacht, da für mich nur die Buttons next und prev interessant waren...

[ways2web]

sehr komisch

die pagination und auch das playPause funktioniert ja über die zuweisung von IDs...
is doch aber schon der bgstretcher vs 2 oder irre ich da?

das pagination und pause hat bei dir vorm entfernen aber funktioneirt ja?

[johndoe]

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

[ways2web]

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]

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

[ways2web]

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]

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