[jQuery] Bilder Überblenden lassen

CrazyLopp · 12.12.2010

Hallo,

bin gerade dran um meine Hintergrundbilder überblenden zu lassen, dazu habe ich es erstmal geschafft das Hintergrundbild auszutauschen, nur geschiet dies sehr hart.

Damit das alles schöner aussieht würde ich es gerne so haben das sich das neue Bild über das alte legt und sich die Denkkraft erhöht oder einen anderen Effekt, Hauptsache es ist kein Harter Übergang

Hier mal der Code mit dem ich es geschafft habe das sich die Bilder austauschen (stehe mit jQuery und JS auf Kriegsfuß) ^^

Code:

                        $('html').delay(2000).queue(function(){
 			$('html').css("background-image","url(images/auge.gif)");
 			$('html').show("slow");
 			$('html').dequeue();
  			neuerQueue();
			});

			function neuerQueue(){
  			$('html').delay(2000).queue(function() {
    		        $('html').css("background-image","url(../images/koeln.gif)");
  			});  
			}

Jemand eine Idee?

AndrOve · 12.12.2010

AW: [jQuery] Bilder Überblenden lassen

Hallo,

vielleicht hilft Dir ja ?

Ansonsten sollte es doch auch mit den jQuery eigenen
.fadeIn(), .fadeOut(), .fadeToggle(). .fadeTo() Methoden funktionieren.

Du findest die Beschreibungen aller Methoden in der jQuery-API-Referenz.

Hoffe, dass Dir das weiter hilft.

Gruß
Andreas

sokie · 12.12.2010

AW: [jQuery] Bilder Überblenden lassen

$('html').show("slow");

du kannst das elemnt <html> oder <body> nicht für das ein und ausblenden benutzen, weil die container für alle darin liegenden Elemente sind, und du nicht nur den Hintergrund ein und ausblenden würdest; sondern auch alle inhalte.
eine Möglichkeit das zu umgehen wäre deine "Hintergrundbilder" in einem container zu wechseln (zB JQuery cycle-light) und die Inhalte darüber zu stapeln.(position z-index..)

kleeaar · 12.12.2010

AW: [jQuery] Bilder Überblenden lassen

ich habe soewtas einmal programmiert, um eine Slideshow in Form eines Kreises zu erstellen...
Dabei werden auch die Hintergründe ineinender übergafadet, so wie du es möchtest!

Grüße