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

[Thanatos]

Hallo Schlauchbeutelmaschine,

vielen Dank für das Update - funktioniert jetzt bei auf 2.10.3.
Aber wurden jetzt die tollen "Features" entfernt? Ich kann plötzlich zu den Bildern keinen Text/Beschreibung mehr eingeben! Gerade das war das tolle an der Erweiterung, dass man zu einem BIld auch einen Text/Beschreibung zuordnen konnte....oder übersehe ich da etwas?

[Stranger]

Sieht ja ganz nett aus, würde mir gerne n paar weitere Beispiele ansehen... hat das jemand von euch schon produktiv eingesetzt? Postet mal bitte Links
So kann man besondere Fotos natürlich richtig toll in Szene setzen.

Was sind denn da die empfohlenen Bildmaße damit es auch auf einem 22'' Monitor anständig aussieht?
Sagt jetzt nicht 1650x 900 oder so, das ja dann riesig das Bild ^^

[Schlauchbeutelmaschine]

Hallo,

@Thanatos
Da ich das Modul auf Basis der Slideshow2 aufgebaut habe waren diese Felder noch mit drin.
Aber das bgstretcher Skript hat diese Felder nicht unterstützt daher habe ich es rausgenommen.
Die Frage ist was du machen möchtest?

@Stranger
Schau Dir einfach mal die Demo an. Und die Bildgröße ist natürlich davon abhängig welche Auflösung die meisten deiner User haben da musst wahrscheinlich mal die Statistik checken. Ich würde dann von der Auflösung recht klein bleiben und dann mal testen ob es bei einer großen Auflösung noch gut aussieht.

[Thanatos]

Hallo Schlauchbeutelmaschine,

ich möchte gerne eine Fullscreen-Slideshow haben, in welcher ich zu jedem Bild auch eine kleine Beschreibung mit Link integrieren kann.
Hab hier was gefunden: http://www.sap.com/germany/index.epx
Wenn ich ein Foto-Portfolio erstelle brauche ich halt eine Beschreibung zum Bild. Das wäre echt super.

[Schlauchbeutelmaschine]

Ja, so ein Slider mit Beschreibung ist was feines.

Allerdings ist das in deinem Beispielskript nicht so gut umgesetzt gerade wenn du den Browser verschiebst,
aber von der Optik und Funktion schön.

Allerdings ist das bgstrechter Skript nicht dafür ausgelegt das noch ein Inhalt mit dem Bild verknüpft ist,
der sich dann auch ändert. Die Navigation ist aber schon da.

Wenn du fit mit Javascript bist, solltest du da was hinbekommen,
aber das ist wohl nicht unaufwendig.

[Stranger]

Danke. Ja das hatte ich mir schon mal kurz angesehen, allerdings ist die Seite dort sehr simpel. Ich dachte irgendein User hier hätte vielleicht noch mehr Inhalt etc.
Die verwenden dort 1024x768 und sieht auf meinem 1650er Bildschirm auch ganz passabel aus.

"Allerdings ist das in deinem Beispielskript nicht so gut umgesetzt gerade wenn du den Browser verschiebst,"
Das heißt also, dass SAP keine guten Webentwickler hat, was? :P

[matthias123]

Hallo,

Vielen Dank für diese geniale Erweiterung! Damit eröffnen sich neue Welten für Designs die schon länger in meinem Kopf herumschwirren ich aber nicht umsetzen konnte!

Eine Frage: Kann man auch eine Navigation einbauen so wie sie bei der Beispielseite gezeigt wird? Mir würde es schon reichen wenn ich zB die Zahlen 1 bis 10 auf der Seite einbauen könnte, und mit einem Klick darauf das dazugehörende Foto geöffnet wird!

[ways2web]

Hallo,
Eine Frage: Kann man auch eine Navigation einbauen so wie sie bei der Beispielseite gezeigt wird? Mir würde es schon reichen wenn ich zB die Zahlen 1 bis 10 auf der Seite einbauen könnte, und mit einem Klick darauf das dazugehörende Foto geöffnet wird!

das wäre gar nicht schlecht, melde meinerseits auch interesse

[matthias123]

noch eine frage: hat zufällig schon jemand der diese erweiterung benützt einen sticky footer erfolgreich eingesetzt?

Habe probiert nach dieser Anleitung vorzugehen: http://www.cssstickyfooter.com/de/verwendung.html, aber da bgstretcher ja auch einiges an divs hineinschmeißt scheint es nicht ganz zu funktionieren, oder ich mach einfach irgendwas falsch!?

EDIT: hat sich eigentlich erledigt, habe es anders gelöst und bin damit sehr zufrieden! Nochmals danke für diese Erweiterung!

[ways2web]

mir ist aufgefallen, dass die Installation nicht ordentlich umgesetzt wurde. Da eine Abhängigkeit zu der Erweiterung jQuery besteht, sollte diese auch bei der Installation mitinstalliert werden wie das üblich ist bei abhängigkeiten.
Man findet im Er zwar den Hinweis, aber eigentlich sollte das mit der Installation gleich erledigt werden.

gruss
ways

[ways2web]

noch eine frage: hat zufällig schon jemand der diese erweiterung benützt einen sticky footer erfolgreich eingesetzt?

ja problemlos. man muss nur die klassen für den bgstretcher mit auf eine höhe von 100% bringen

html,
body,
#wrapper,
.bgstretcher-area,
.bgstretcher-page
{
height:100%;
}

[Daniel Eicher]

Leider keine Background-Anzeige

Hallo allerseits

Ich glaub, ich spinne. Bei mir wird leider nichts im Hintergrund angezeigt. Vielleicht kann jemand helfen?

Hier das Vorgehen:

Contao 2.10.4 lokal installiert.
BGStretcher installiert und danach JQuery.
BGStretcher erstellt mit zwei Bildern und bei jQuery noConflict Mode --> $
Seitenlayout: Modul eingebunden, JQery verwenden aktiviert (lokale Version 1.7.1), kein Mootool-Templates aktiviert.

Der Code ist im Frontend nun wie folgt:

...
<link rel="stylesheet" href="plugins/bgstretcher/bgstretcher.css" media="all">
<link rel="stylesheet" href="system/scripts/9d9cc51e77aa.css" media="all">
<script src="plugins/jquery/js/jquery-1.7.1.min.js"></script>
<script src="plugins/bgstretcher/bgstretcher.js"></script>
<!--[if lt IE 9]><script src="plugins/html5shim/html5-1.6.2.js"></script><![endif]-->
</head>
<body id="top" class="mac safari sf5">
...
<script type="text/javascript">
/* <![CDATA[ */

$(document).ready(function(){
	//  Initialize Backgound Stretcher
	$('BODY').bgStretcher({
		images: ['tl_files/xyz/background/startseite/startseite_01.jpg','tl_files/xyz/background/startseite/startseite_02.jpg'], 
		imageWidth: 1024, 
		imageHeight: 768,

		nextSlideDelay:3000,
		slideShowSpeed:1000,
		transitionEffect: 'superSlide',
		sequenceMode: 'normal'
	});
});

/* ]]> */
</script>

Spinn ich jetzt? Das müsste doch alles korrekt sein? Die Bildpfade stimmen natürlich.

[ways2web]

mach mal den conflict mode raus!

gruss

[johndoe]

bgStretcher Navigation

Hallo,

ich würde gerne die Frage von matthias123 nochmal aufgreifen:

Ist es möglich eine Navigation einzufügen, wie hier: http://www.ajaxblender.com/script-so...emo/index.html

Das würde mir bei einem aktuellen Projekt sehr viel helfen!

Freu mich auf die Antworten der Experten.

Lg, John

[Schlauchbeutelmaschine]

Das sollte recht einfach gehen.

In das Javascript Template musst du in der Konfiguration folgende Optionen hinzufügen:

buttonPrev: '#prev',
buttonNext: '#next',
pagination: '#nav', 

Und dann musst du ein Modul "HTML-Code" erstellen in dem du die Buttons einfügst.

<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="nav">&nbsp;</div>
</div>
<div class="row">
<a href="javascript:;" id="toggleAnimation" >Pause Animation</a>
</div>