Joah, also ich hab folgendes Problem:
Ein Bild auf meiner Seite kann 49 verschiedene Positionen erreichen (7x7Feld). Der User kann durch Klick das Bild steuern, also nach oben, links, rechts und unten. Dabei soll eine Animation das Bild verschieben. Bisher habe ich das mit einer JS-Animation gelöst, d.h. immer die Pixeldifferenz zum aktuellen Wert dazugezählt und dann die Animation gestartet. Das läuft aber nicht so gut auf mobilen Geräten (iPhone, iPod touch, iPad). Nun bietet ja CSS3 Animationen an, d.h. wenn ich einem Element eine neue Klasse zuweise, wird eine Animation aufgerufen, die das erledigt. Eigentlich perfekt, doch ich habe kein bock, jetzt 49 Klassen zu erstellen, bei denen immer der left und top wert anders ist. Kann ich nicht, bevor ich die Animation starte, die Klasse xy, die das Bild dann erhält, editieren und den neuen Top/left wert in sie "reinschreiben"?
Ein Bild auf meiner Seite kann 49 verschiedene Positionen erreichen (7x7Feld). Der User kann durch Klick das Bild steuern, also nach oben, links, rechts und unten. Dabei soll eine Animation das Bild verschieben. Bisher habe ich das mit einer JS-Animation gelöst, d.h. immer die Pixeldifferenz zum aktuellen Wert dazugezählt und dann die Animation gestartet. Das läuft aber nicht so gut auf mobilen Geräten (iPhone, iPod touch, iPad). Nun bietet ja CSS3 Animationen an, d.h. wenn ich einem Element eine neue Klasse zuweise, wird eine Animation aufgerufen, die das erledigt. Eigentlich perfekt, doch ich habe kein bock, jetzt 49 Klassen zu erstellen, bei denen immer der left und top wert anders ist. Kann ich nicht, bevor ich die Animation starte, die Klasse xy, die das Bild dann erhält, editieren und den neuen Top/left wert in sie "reinschreiben"?
