-2

先日、左側にフィールドがあり、右側に画像がある Web サイトで何かを見ました。属性を変更すると、長さを言うと、新しいページに誘導することなく、すぐに画像に反映されます。事前定義されたものよりも優れていると感じています。私はJavaScriptに比較的慣れていないので、このプロセスをどのように行うかについて誰か教えてください. Three.js を調べてみましたが、適切なメソッドが得られませんでした。どんな助けでも大歓迎です。

4

2 に答える 2

1

次のようなイメージがある場合:

<img src="suchnsuch.jpg" id="my-image" />

ドロップダウン要素で onChange 属性を次のように設定します

<select onChange="alter_image( this.value );">
    <option value="default">Default</option>
    <option value="500">500px</option>
</select>

次に、Javascript 関数を定義します。

function alter_image( width ) {
    image = document.getElementById('my-image');
    image.style.width = width + "px";
}

ドロップダウンが変更されると、alter_image 関数をその値で呼び出し、次に画像の width プロパティを変更する必要があります。

画像の幅が属性として定義されている場合 ( width="300px" のようなもの)、幅コードは次のようになります。

image.width = width + "px";

代わりは

于 2013-08-13T14:07:39.503 に答える
1

パトリックの答えに基づいて、私は簡単なプランクを作りました。これはあなたが必要とするものですか？

少し変更されたコード:

function alter_image(width) {
  var image = document.getElementById('my-image');

  image.style.width = width != 'default' ? width + "px" : "auto";
}
于 2013-08-13T14:19:48.263 に答える