下記のようなカラーバリエーションが見れるサイトを作りたいのですが、
何かいい方法をご存知の方教えて頂けないでしょうか?
↓見本サイト
http://www.y-brand.com/iro/
No.1ベストアンサー
- 回答日時:
そのサイトだとおそらく
背景が透明なパーツごとの画像を重ね合わせて要るんでしょう
そして変更があったらその度にその部位の画像を取得して差し替えています
いろいろやり方があるでしょう
そのサイトみたいに全ての色のパーツ毎の画像を用意して重ね合わせて、変化の差分を差し替えてもいいと思います
パーツが多い場合などにはサーバーで1枚の画像に合成してから送り出すのも有効です
こういう方法ならJavaScriptが一応レベルでも使える環境なら最近のガラケなどでも動くでしょうが、さらにフォームと組み合わせて更新ボタンを用意してJavaScriptが使えない環境でも非リアルタイム版を利用できるようにするのも大切だと思います
ここまでは無難な方法でしたが、別に全ての環境で動くことを期待しないのであれば
cssのフィルター等を駆使して色を変化させたり、シンプルな形のものであれば画像を使わずSVGにするなど、いろいろ挑戦する方法もあります
この回答への補足
沢山の方法をアドバイス頂き誠にありがとうございます。
私はCGIは使ったことがありますが、JavaScriptはありません。CSSもまだ素人に近いレベルです。
とりあえずこの機能がお使いできればと思っております。
大変お手数ですが、無料配布にてこのようなサイトをお作りするのに都合のいいサイトを教えて頂けないでしょうか?
そこからは自分で開拓していこうと思いますので。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- 神社・寺院 飯笠山神社境内に東照宮は祭られている? 2 2023/01/05 16:17
- WordPress(ワードプレス) ワードプレスのパーマリンク設定について 1 2023/02/11 19:08
- その他(IT・Webサービス) 301リダイレクトの使い方について 7 2022/04/05 17:50
- アプリ Edgeを操作するアプリについて 4 2023/05/11 22:48
- その他(IT・Webサービス) 動画が多い(容量が多い)Webサイト作成 1 2023/04/08 17:42
- その他(ネットショッピング・通販・ECサイト) 詐欺サイトの見分け方を教えてください。 2 2022/09/14 23:41
- Visual Basic(VBA) Edge操作のアプリが例外発生に 1 2023/03/12 21:22
- WordPress(ワードプレス) ワードプレスで検索サイトのプラグインを探しています。 1 2023/02/26 12:20
- その他(芸術・クラフト) カニを標本として保存する方法を教えて下さい! 1 2022/05/02 19:16
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【EXCEL VBA】ダブルクリックで...
-
Pythonでgif画像が上手く作れない
-
こんなことてしますか??
-
ImageMagickでgif画像の一部が...
-
jqueryスライダーを2段でスライ...
-
自作の地図をグーグルマップの...
-
vb.net 画像の透過について
-
パネルに画像
-
画像のビット数を変更する方法
-
イメージマップでマウスオーバ...
-
「using Windows」でエラーが出る
-
MFCでCImageListに画像追加失敗
-
UWSC 画像判定と条件分岐について
-
【WPF】画像の切り替え
-
画像処理したBitmapをピクチャ...
-
DXライブラリの、マウスを使っ...
-
C# Picturebox 縮小・拡大時の...
-
画像の一部だけが点滅する画像...
-
画像を二値化した後、黒の部分...
-
スマホでサイトの画像を長押し→...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【EXCEL VBA】ダブルクリックで...
-
こんなことてしますか??
-
Pythonでgif画像が上手く作れない
-
Excel ユーザーフォームで表示...
-
VBA シート毎に画像挿入
-
生成AI画像について
-
EXCEL VBA 複数のImageコントロ...
-
HTMLで画像をポップアップで表...
-
UWSCの色判定
-
UWSC 画像判定と条件分岐について
-
jQuery . プログラミング 助け...
-
VBAのユーザーフォームのイメー...
-
jqueryスライダーを2段でスライ...
-
vb.net 画像の透過について
-
【WPF】画像の切り替え
-
背景画像の繰り返しについて
-
「using Windows」でエラーが出る
-
画像処理したBitmapをピクチャ...
-
スマホでサイトの画像を長押し→...
-
UWSC 画像認識で条件分岐
おすすめ情報