fadeSlideshow mehrfach benutzen?!

[Fuxx87]

Hallo,

ich habe da mal eine Frage. Kann man die fadeSlidehow (http://www.simplefadeslideshow.com/) mehrfach einer Seite benutzen.

Ich habe die eine Slideshow im Hintergrund eingebaut, sodass sich die Bilder immer im Intervall wechseln.

Nun wollte ich im Kontaktbereich, die entsprechenden Leute auch als Slideshow durchlaufen lassen.

Wenn ich nun 2 mal den ScriptCode schreibe, bewegt sich nur noch die 2te Slideshow, nicht aber mehr die Slideshow im Hintergrund.

Hat da jemand eine Lösung für mich?

Hier der Code:

$(document).ready(function(){
$('#slideshow').fadeSlideShow({
width: '100%',
height: '100%',
PlayPauseElement: false,
NextElement: false,
PrevElement: false,
ListElement: false,
speed: 2000,
interval: 10000
});


$(document).ready(function(){
$('#slide').fadeSlideShow({
width:600,
height:400,
speed: 2000,
interval: 10000,
PlayPauseElement: false,
ListElement: false,
allowKeyboardCtrl: false
});

Vielen Dank im Vorraus
Fuxx87

[Robbyn-]

Vielleicht geht es so:

<script>
$(document).ready(function(e) {
    $('#slideshow').fadeSlideShow({
		width: '100%',
		height: '100%',
		PlayPauseElement: false,
		NextElement: false,
		PrevElement: false,
		ListElement: false,
		speed: 2000,
		interval: 10000
	});
	
	$('#slide').fadeSlideShow({
		width:600,
		height:400,
		speed: 2000,
		interval: 10000,
		PlayPauseElement: false,
		ListElement: false,
		allowKeyboardCtrl: false
	}); 
});
</script>

Ist nur ein Test, ob es geht weiß ich nicht.

[Fuxx87]

dankeschön. hat aber leider noch nicht geklappt. ist immer noch die gleiche ansicht. slideshow 2 funktioniert, 1te slideshow bleibt still.

edit: die bilder im Background, werden binnen einer Sekunde durchgespielt und dann bleibts beim letzten bild stehen.

[Duddle]

Das Problem ist scheinbar, dass die Variablen sich gegenseitig überschreiben. Such mal im Quelltext von fadeSlideshow.js nach Zeile 61 o.ä. mit folgendem Inhalt:

// count number of slides

Danach folgen ein paar Deklarationen. Wenn du die durch lokale Variablen ersetzt, also

// count number of slides
var Slides = jQuery('> *', this).length;
Slides = Slides - 1;
var ActSlide = Slides;
// Set jQuery Slide short var
var jQslide = jQuery('> *', this);
		
// save this
var fssThis = this;

dann kannst du schonmal mehrere parallele Slideshows haben. Die Lösung ist ein bisschen russisch und es sind noch andere Variablen global definiert. Deshalb kann es zu Problemen bei der Nummerierung unter der Slideshow geben. Ich habe jetzt aber keine Lust durch das Script zu gehen und alles zu korrigieren.
Wahrscheinlich müsstest du auch noch andere Elementnamen für die vorwärts/rückwärts-Pfeile übergeben, damit diese nicht kollidieren.

Edit: alternativ kannst du natürlich auch noch nach nem anderen Slideshow-PlugIn suchen. Davon gibt es ja genug.


Duddle

[Fuxx87]

Super, dankeschön für deine Hilfe. Ich werde dann wohl zur Alternative greifen und eine andere Slideshow nehmen. Da dies schneller gehen wird, als die Variablen zu ändern.

[pascal-bajorat]

Hi,
die Slideshow ist von mir und ein entsprechendes Update ist auch schon vorbereitet, habe es gerade hochgeladen:

http://www.simplefadeslideshow.com/download/

Probier mal die 2.1.0 damit sollte es klappen.

[Duddle]

Hast du die falsche Datei hochgeladen?
Wenn ich die beiden fadeSlideShow.js von 2.0 und 2.1 diffe, sehe ich keinen Unterschied. Auch die minified-Versionen unterscheiden sich nicht (bis auf ein paar Semikolons).


Duddle

[pascal-bajorat]

ups moment ich checke das noch mal

[pascal-bajorat]

Jetzt sollte die richtige Datei hochgeladen sein

[Duddle]

Jau, funktioniert. Jetzt kollidieren zwar immer noch die Steuer-Elemente miteinander (z.B. Vorwärts bei Slideshow A kontrolliert gleichzeitig Slideshow B), aber vielleicht ist das ja in manchen Anwendungsfällen gewünscht.



Duddle

[pascal-bajorat]

Werde ich mich bei Zeiten auch noch drum kümmern
Aber hier liegt gerade so ein Berg an Arbeit, da muss meine kleine Slideshow leider schon etwas länger drunter leiden.

[Fuxx87]

ich bekomme noch ein syntaxfehler in der zeile 23...

[Duddle]

Kann ich bestätigen, aber nur mit der minified-Version. Du kannst das umgehen, indem du die normale Version nimmst (fadeSlideShow.js) oder dir hier oder hier selbst eine Mini-Version erzeugen lässt.


Duddle