1

私はウィザードを構築しようとしていますが、ajax と jquery は初めてです。私はただの html/css ギャルです。フラッシュはどのAppleデバイスでも機能しないため、この方法で試しています。とにかく、私はhttp://techlaboratory.net/smartwizardをダウンロードしまし た。これを元に、ウィザードを作成します。

基本的に、私が構築しているのは、各ステップでカーシートを構築するのに役立つウィザードです。選択できる色の種類が複数あり、その上に複数の挿入色があるという問題が発生します。たとえば、黒いシートを選ぶこともできますが、インサート付きのシートを購入することにした場合は、黄色や青など、さまざまな色を選ぶことができます. 非常に多くの座席の色とインサートの色があり、そこまで大量の画像をデータベースにロードして引き出したくありませんでした。

私が考えていたのは、シート用とインサート用の 2 つの別々の png 画像ファイルを保存することでした。顧客がインサート付きの座席を選択した場合、それぞれが独自の z-index にあり、CSS オーバーレイを使用して各 z-index に色を付けます。問題は、画像から背景やインデックス付きの画像ににじみ出ることなく、画像自体に色を付けることができるかということです。たぶん、各アイテムの色を選択して変更するために誰かが知っているajaxを使用するより良い方法がありますか?

4

1 に答える 1

2

逆に透明な画像でこれを行うことができます。次に、コンテナーの背景に色を追加できます。

HTML

<div class="img-wrap">
    <img src="http://i41.tinypic.com/1112z3o.png" alt="" />
</div>

とCSS

.img-wrap { background-color: red; width: 153px; height: 78px; overflow: hidden;  }

ここにjsfiddleがあります

もう 1 つの方法は、HTMLキャンバスを使用することです (ただし、パフォーマンスが低下する可能性があります)。

関連記事はこちら: Html5 Canvas overlay

于 2013-04-29T19:09:23.537 に答える