JS：プラグインなしで必要に応じてスプライトをロードする

Question

イメージスプライトは必要なときにのみロードできますか？ たとえば、私は1つのスプライト画像にすべて組み合わされた異なる画像を持つ設定パネルを持っています。設定パネルを表示したときにその画像を読み込むことはできますか？

$('#settings').click(function() { 

    // Javascript Loading sprite goes here? 

}); 

は、私はCSSをロードするために、スプライト、それがCSSに割り当てられていないように背景画像を追加するaswell属性jqueryの.cssを使用すると仮定しますか？ （私が間違っているなら私を訂正してください）。

単純なjQueryや純粋なjavascriptコードではなく、アプリケーションのサイズを大きくするためにLazy loadなどのプラグインを使用しないことをお勧めします。彼らは実際に表示しているときに一般的に

Answer 1

たくさん

おかげで、ブラウザはCSSの画像を要求します。
何もする必要はありません。