0

私はプログラミングにかなり慣れていないので、実行中の実験(大学院で)でこのコードを機能させるには、助けが必要です。ユーザーが左右の矢印キーを押して画像の不透明度を調整できるようにしたい。それが重要な場合は、クアルトリクスでもこれを行っています。次の JavaScript コードが機能しません... 助けていただければ幸いです。

var op =0.1;
var op1 = 10;
var step = 10;
var min = 0.1, max = 1;
var min1 = 10, max1 = 100;

var image = document.getElementById("image");
image.style.opacity = op;
image.style.filter = alpha(opacity=op1);

Event.observe(document, 'keydown', function(e) {
  if(e.keyCode == 37) {
    op-=step;
    op1-=step;
    op = Math.max(min, op);
    op1 = Math.max(min, op1);
  } else if(e.keyCode == 39) {
    op+=step;
    op1+=step;
    image.style.opacity = Math.min(max, op);
    op1 = Math.min(max, op1);
  }
});
4

1 に答える 1

0

残りがなくても動作するように、コードを少し変更しました。うまくいけば、これからすべてが正しく機能するようになります。

var op =0.1;
var op1 = 10;
var step = .1; //changed to .1 from 10
var min = 0.1, max = 1;
var min1 = 10, max1 = 100;

var image = document.getElementById("image");
image.style.opacity = op;
//image.style.filter = alpha(opacity=op1); //removed (implement browser check if IE) 

$(document).on('keydown', function(e) {
  if(e.keyCode === 37) { //made === (preference)
    op-=step;
    op1-=step;
    op = Math.max(min, op);
    op1 = Math.max(min, op1);
    image.style.opacity = Math.min(max, op); //added 
  } else if(e.keyCode === 39) {//made === (preference)
    op+=step;
    op1+=step;
    image.style.opacity = Math.min(max, op);
    op1 = Math.min(max, op1);
  }
});

results注:左/右矢印キーを押す前に、上の例のボックス (右下)をクリックする必要があります。

于 2013-01-15T19:22:32.890 に答える