2009-05-22 21 views
3

Ich frage mich, wie man ein Bild dreht, wenn jQuery Schieberegler Wert geändert wird. Zum Beispiel ändert sich der Bildgrad im Vorbeiflug gemäß der linken (0) nach rechts (360) Schiebervariation. Ich weiß nicht, wie man den Slider-Wert an jQuerys Funktion rotate() übergibt. Bitte hilf mir. Vielen Dank im Voraus.Wie rotieren (Grad) Bild mit jQuery Slider?

Antwort

3
$(document).ready(function() { 
    $('.selector').slider({ 
     slide: function(event, ui) { 
      $('.image').rotate(ui.value); 
     } 
    }); 
}); 

Schauen Sie sich die slide event.

+0

Danke Thomas, deine Lösung ist perfekt. Wie kann ich jedoch von der Mitte des Bildes drehen? – Devyn

+0

Nicht sicher - Ich habe die Benutzeroberfläche von .rotate() nicht verwendet, daher kenne ich sie nicht sehr gut. Ein Weg könnte darin bestehen, das Bild in einem div zu haben, mit einem Versatz von der Hälfte seiner Größe (so dass die obere linke Ecke in der Mitte des Bildes liegt) und das div drehen. Ich habe es nicht getestet, es ist nur eine wilde Idee ...;) –

+0

Danke, ich werde es auf jeden Fall versuchen :) – Devyn