キャンバスがあり、img1、img2、img3、img4、img5 という名前の異なる 5 つの画像が含まれています。現在、jquery スライダーを使用しています。スライダーで回転を変更すると、そのスライダーに割り当てられている画像が回転します。しかし、私の場合、複数のスライダーを作成できますが、スライダーのいずれかで回転を行うと、id img5 を持つ画像のみが変更され、そのスライダーの正確な画像ではありません。要するに、すべてのスライダーが最後の画像に割り当てられています。私のコードは次のようなものです:
$('.slider').slider({
orientation : 'horizontal',
max:180,
min:-180,
value:0,
id:objid,
slide: function(event, ui) {
var $this = $(this);
/* Change the rotation and register that value in data object when it stops */
draggable_elem.css({'-moz-transform':'rotate('+ui.value+'deg)','-webkit-transform':'rotate('+ui.value+'deg)'});
$('.degrees',$this).html(ui.value);
},
stop:function(event, ui) {
newObject.rotation = ui.value;
}
});
一方objid、画像のIDです。
1つのスライダーだけの画像の見分け方、アドバイスお願いします。前もって感謝します。