IE8の問題の前にいます。(IE9 ではテストされていません)
これは、いくつかの HTML + Jquery を使用した私の小さなプログラムです
百聞は一見にしかず、こちらからご覧いただけますhttp://twixtop.lescigales.org/color/
5 つのフォルダ ABPCD が必要です
実際に「モデル」を選択すると、左側のサイドバーのテキスト入力フォームにデフォルト値が表示されます「W.png、W.png、W.png、X.png X.png」
// Settings
var settings = {
"model": "DIAM",
"baseColor": "W",
"sideColor": "W",
"ambientColor": "W",
"baseLight": "X",
"centralColor": "X",
"rendureference": "WXY3"
};
var options = {
"imageC": "images/[model]/C/[baseColor].png",
"imageD": "images/[model]/D/[sideColor].png",
"imageA": "images/[model]/A/[ambientColor].png",
"imageB": "images/[model]/B/[baseLight].png",
"imageP": "images/[model]/P/[centralColor].png",
"renduZ": "WXY3-[model]-[ambientColor]-[baseLight]-[centralColor]-[baseColor][sideColor]-TG",
"ValueModel": "[model]"
}
$('#customizer [type="radio"]').bind('click', function() {
var el = $(this);
settings[el.attr('name')] = el.attr('value');
settingDigest();
});
// Show Var
function settingDigest()
{
var imgC = options.imageC;
var imgD = options.imageD;
var imgA = options.imageA;
var imgB = options.imageB;
var imgP = options.imageP;
var renZ = options.renduZ;
var valueM = options.ValueModel;
for(i in settings) {
imgC = imgC.replace('['+i+']', settings[i]);
imgD = imgD.replace('['+i+']', settings[i]);
imgA = imgA.replace('['+i+']', settings[i]);
imgB = imgB.replace('['+i+']', settings[i]);
imgP = imgP.replace('['+i+']', settings[i]);
renZ = renZ.replace('['+i+']', settings[i]);
valueM = valueM.replace('['+i+']', settings[i]);
}
// left sidebar input text keyup
$('#avatar_C').val(imgC).keyup();
$('#avatar_D').val(imgD).keyup();
$('#avatar_A').val(imgA).keyup();
$('#avatar_B').val(imgB).keyup();
$('#avatar_P').val(imgP).keyup();
$('#avatar_Z').val(renZ).keyup();
$('#avatar_JADE').val(valueM).keyup();
}
たとえば、IE8 でのみ色を繰り返し選択すると、問題が発生します。
- ベース パネルでさまざまな色を選択します (白、グレー、赤、青 1 つ)。
- back 選択済みの色 (白またはグレー)
- IE8 が正しく充電されない画像
キャッシュに問題があると思いますか?? メモリーイメージ?わかりません...関数.live()、.bind()、.blur()、.change()、..まさか
すでに選択されているボタンは、事前に選択されている場合、画像を再度リロードしません...
髪を引っ張り始めました。f..g Internet Explorer...
私はIE7のようにIE8をエミュレートするさまざまなことを試しました... //結果はありません
すべてが Chrome、FIREFOX、IE7、OPERA、SAFARI で動作します...
2011年1月20日編集
これは私の最初の投稿です..私の下手な英語で申し訳ありません...
私を助けたい人のためのJSBINがあります。 jsbin.com/ihiyi4/3
- モデル (DIAMON または JADE) を選択すると、デフォルトのイメージがロードされます
- ベース パネルでさまざまな色を選択します (白、グレー、赤、青 1 つ)。
- back 選択済みの色 (白またはグレー)
- IE8 が正しく充電されない画像
IE8 ユーザーが画像を再度読み込むためにキャッシュを空にする必要がある理由がわかりません