php - jqueryを使用してボタンクリックで画像の色を白黒とセピアに変更する

Question

私は2つの異なるボタンを持っています。1 つは白黒用、もう 1 つはセピア用です。ボタンをクリックしたときに画像の色を変更する必要があります。画像の色を白黒とセピア色に変更する jquery スクリプトはありますか。

Answer 1

画像ファイルの両方のバージョン (白黒バージョンとセピア バージョン) をアップロードしておく必要があります。対応する画像をページに追加する両方のボタンにクリック イベントを添付します。次のようなことを試してください：

HTML

<div id="output"></div>
<button id="bw">Black and white</button>
<button id="sep">Sepia</button>

Javascript

$('#bw').click(function() {
  $('#output').html('<img src="blackandwhite.png" />');
});

$('#sep').click(function() {
  $('#output').html('<img src="sepia.png" />');
});