2009-05-22 2 views
3

Мне интересно, как повернуть изображение, когда значение слайдера jQuery изменилось. Например, степень изображения изменяется на лету в соответствии с изменением ползунка влево (0) вправо (360). Я не знаю, как передать значение ползунка в функцию rotate() jQuery. Пожалуйста, помогите мне. Спасибо всем заранее.Как повернуть (градус) изображение с помощью jQuery Slider?

ответ

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

Проверьте slide event.

+0

Спасибо Томас, ваше решение идеально. Однако, как я могу вращаться из центра изображения? – Devyn

+0

Не уверен - я не использовал пользовательский интерфейс .rotate(), поэтому я не слишком хорошо знаком с ним. Один из способов может заключаться в том, чтобы изображение было в div с смещением на половину его размера (поэтому верхний левый угол div находится в центре изображения) и поверните div. Я не тестировал его, но это просто дикая идея ...;) –

+0

Спасибо, я обязательно попробую :) – Devyn

Смежные вопросы