[jQuery]animate({background-position...- problem

[sokie]

Hallo zusammen,
beim Animieren der Eigenschaft background-position habe ich das problem, das nur der left wert animiert wird; der top wert wird einfach direkt angesprungen

$("#meinEl").animate({"background-position":"-300px -500px"},1000);

springt direkt auf top -500 und animiert nur die -300px.
beispielszenario:

 

[ArtiHl]

AW: [jQuery]animate({background-position...- problem

Binde mal dieses JS zusätzlich mit ein:




animate(), hat da nen kleinen "bug", der mit dieser js behoben werden müssste.

 

[Crackp0t]

AW: [jQuery]animate({background-position...- problem

Du könntest alternativ versuchen, 2 DIV ineinander zu verschachteln. Bezogen auf das Beispiel hat der obere DIV die Proportionen des DIV welcher die Karte als Hintergrund hat, sowie "overflow: hidden". Der Child-DIV enthält die eigentliche Karte und wird per Javascript bewegt.

 

[sokie]

AW: [jQuery]animate({background-position...- problem

Binde mal dieses JS zusätzlich mit ein:




animate(), hat da nen kleinen "bug", der mit dieser js behoben werden müssste.

yup. perfekt, danke

@*****p0t: ja, das wäre eine Alternative für dieses Beispiel. Mir gings aber um das animieren der eigenschaft background-position.