javascript - imgの先頭の変更

Question

画像の「開始」を変更するには?

つまりimg、不動の中にあるのは始まりだけが動いているということです

JavaScriptで最後の手段として、CSSまたはHTMLに変更したい

このようなもの: FIRST PICTURE (この画像をクリックすると変更されます)。

... それに変形します: 2 枚目の写真

何か案が？:/

Answer 1

<div class="myImg"> </div>
<style>
.myImg{
 background: url('myimg.jpg');
}
.myImg2{
 background: url('myotherimg.jpg');
}
</style>
<script type="javascript/text">
$('.myImg').click(function() {
    $(this).removeClass('myImg');
    $(this).addClass('myImg2');
});
</script>

もちろん、jQuery の最新の更新を取得するには、jquery リンクを使用する必要があります。

それで、私は実際にここで何をしましたか？

jQueryを使用して、ユーザーがdiv.myImgをクリックした場合、divのクラスを切り替えるだけで、他の各クラスが異なる画像を取得したかどうかを確認しました。

私が助けてくれることを願っています。

Answer 2

あなたが何を求めているのか完全にはわかりませんが、CSSスプライトをやりたいと思うかもしれません.

http://css-tricks.com/css-sprites/

クリック時に画像を変更したい場合は、いくつかのコードが必要になります。あなたの質問を解読するのは難しいので、あまり時間をかけませんが、私だったら、スプライトごとにクラスを作成し、クリック イベントに基づいて 2 つのクラスを切り替えます。