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.

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • 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/

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!