JavaScript/jQuery - Benötige Hilfe beim Rotieren

Hi,

aktuell "bastle" ich an einer alternativen Captcha-Lösung.

Kurzinfo:
- Bem Aufruf des Dokuments werden 4 Images initial rotiert.
- Da ich ein Sechseck verwende, wird in Schritten von 60° rotiert.
- Die Rotation wird animiert dargestellt.

Problem:
Beim letzten Schritt - also von 300° auf 360° - wird der Rotationswert auf 0 zurückgesetzt. Das jeweilige Image wird dann nicht mehr rotiert, sondern "springt" auf den Ausgangswert. Nutze ich die Plugin-eigene animateTo, läuft das Image logischerweise rückwärts.

Ich hab's schon mit einer Callback-Funktion probiert, klappte auch nicht.

Fiddle: http://jsfiddle.net/YkXaB/
Doku: https://code.google.com/p/jqueryrotate/wiki/Documentation

Danke schonmal.

 

Hilfe zur Selbsthilfe: doch mit Callback. Leider ohne Animation (bzw. sehr kurz), da bei schnellen Klicks der Callback ignoriert wird. Werde wohl entweder eine Funktion "animationRunning" ergänzen oder mal mit jQuery.css() rumspielen. X-Browser-Transitions olé!

Update: http://jsfiddle.net/YkXaB/3/