[JQUERY] Bild wechsel per Knopfdruck - Mit Toggle

[LikeStar]

Hallo Community,

dieses Script wechselt per Knopfdruck die Bilder im Headerbereich.

jQuery(document).ready(function(){
    iImg = 1;
    maxImg = 4;
    $(".rechts").click(function() {
        if (iImg == maxImg) iImg = 1; else iImg++;
        $("#image1").css("background-image", "url('images/hotel" + iImg + ".jpg')");
    });
    $(".links").click(function() {
        if (iImg == 1) iImg = maxImg; else iImg--;
        $("#image1").css("background-image", "url('images/hotel" + iImg + ".jpg')");
    });
});

Leider werden die Bilder irgendwie "billig" ausgetauscht.

Frage: Wie kann ich es machen, dass die Bilder sanft eingeblendet werden? Mit Toggle?

Viele Grüße

 

[kkapsner]

Du brauchst zwei Nodes, die das aktuelle und das neue Bild anzeigen. Das neue packst du per zIndex und absoluter Positionierung über das alte und blendest es über opacity aus. Dann animierst du die opacity bis zur vollen Darstellung und dann kannst du das neue Bild in der "alten" Node anzeigen und die "neue" Node wieder ausblenden (bis zur nächsten Animation).

Mit Toggle?

Was meinst du damit genau?

PS: Warum sind iImg und maxImg global?

 

[LikeStar]

Das geht so nicht. Absolute Positionierung bei Responsive Programmierungen können nicht genutzt werden.

Was ich damit genau meine? Toggle? Kommt Dir das nicht bekannt vor?
Was meinst du damit genau?

 

[kkapsner]

Absolute Positionierung bei Responsive Programmierungen können nicht genutzt werden.

Warum nicht?
Du musst ja nicht absolut zum Browserfenster positionieren. Ich meinte auch, dass du absolut zu einem Wrapper positionierst - anders bekommst du die beiden Bilder sonst einfach nicht übereinander.

Kommt Dir das nicht bekannt vor?

Ich weiß schon, was man allgemein unter "toggle" versteht, aber ich diesem Zusammenhang... oder hast du gefragt, ob man das mit der jQuery-Funktion toggle() lösen kann?

 

[LikeStar]

Weil es nicht geht ; - )

 

[kkapsner]

Das ist keine Begründung...

...außerdem:

anders bekommst du die beiden Bilder sonst einfach nicht übereinander.

 

[mikdoe]

@LikeStar: wenn ich ein Fullquote entferne hat das seinen Grund!

 

[LikeStar]

@LikeStar: wenn ich ein Fullquote entferne hat das seinen Grund!

Sage Mal! Für wie blöd hältst du uns USER denn? Das wurde rückwirkend geändert!
Was für ein erbärmliches Verhalten du von dir gibst! Lächerlich!

Jetzt hat er tatsächlich mein Zitat entfernt.

Spinner!

Edit: Kriegst gleich eine schlechte online Bewertung!

 

[mikdoe]

lies mal https://de.wikipedia.org/wiki/Fullquote

und solches verhalten möchten wir hier nicht haben. du warst bereits von mehreren verwarnt worden. leb wohl!