IE7でエフェクトフェードインした後にテキストのクリアタイプを失うカスタムJavascriptフェーダイン機能を持っています

Question

私はもうJavaScriptに精通していませんが、IE7でテキストをアンチエイリアスできるクリアタイプを追加する必要があります。私はいくつかの同様の質問を見つけた。問題は、コードを貼り付けるための適切な場所がわからないことです。スクリプト

の

// JavaScript Document 
var CurrentDivIndex=0; 
var TimeOutValue; 
var btn; 
var TimeToFade = 1000.0; 
function ShowDivSlideShow() 
{ 
try 
{ 
    if(CurrentDivIndex == 5) 
    CurrentDivIndex=0; 

    CurrentDivIndex++; 
    //alert("Banner" + CurrentDivIndex); 
    //alert(CurrentDivIndex); 
    var Indexer=1; 
    while(Indexer<6) 
    { 


    var DivToShow=document.getElementById("Banner" + Indexer); 
    DivToShow.style.display = "none"; 
    btn=document.getElementById("btnb" + Indexer); 
    btn.setAttribute("class","none"); 

     Indexer++; 

    } 



    var DivToShow=document.getElementById("Banner" + CurrentDivIndex); 
    DivToShow.style.display = "block"; 
    btn=document.getElementById("btnb" + CurrentDivIndex); 
    btn.setAttribute("class","activeSlide"); 
// btn.className="activeSlide"; 
    fadeIn(); 
    TimeOutValue=setTimeout("ShowDivSlideShow()",6000); 

} 
catch(err) 
{ 
    alert(err) 
} 
} 



function ShowCustomDiv(CurrentDivIndexRec) 
{ 

clearTimeout(TimeOutValue) 
CurrentDivIndex=CurrentDivIndexRec 

    var Indexer=1; 
while(Indexer<6) 
{ 
    if(CurrentDivIndex==Indexer) 
    { 
    Indexer++; 
    continue; 
    } 

    var DivToShow=document.getElementById("Banner" + Indexer); 
    DivToShow.style.display = "none"; 
    btn=document.getElementById("btnb" + Indexer); 
    btn.setAttribute("class","none"); 
    Indexer++; 

} 

var DivToShow=document.getElementById("Banner" + CurrentDivIndex); 
    DivToShow.style.display = "block"; 
    btn=document.getElementById("btnb" + CurrentDivIndex); 
    btn.setAttribute("class","activeSlide"); 
    btn.className="activeSlide" 
    fadeIn(); 
} 


function ShowDivSlideShowWithTimeOut(CurrentDivIndexRec) 
{ 

clearTimeout(TimeOutValue) 
CurrentDivIndex=CurrentDivIndexRec; 
var Indexer=1; 
    while(Indexer<6) 
    { 
    if(CurrentDivIndex==Indexer) 
    { 
    Indexer++; 
    continue; 
    } 

    var DivToShow=document.getElementById("Banner" + Indexer); 
    DivToShow.style.display = "none"; 
    btn=document.getElementById("btnb" + Indexer); 
    btn.setAttribute("class","none"); 
    Indexer++; 

    } 


var DivToShow=document.getElementById("Banner" + CurrentDivIndexRec); 
    DivToShow.style.display = "block"; 
    btn=document.getElementById("btnb" + CurrentDivIndexRec); 
    btn.setAttribute("class","activeSlide"); 


TimeOutValue=setTimeout("ShowDivSlideShow()",6000); 
} 

function ShowCustomDivOnClick(CurrentDivIndexRec) 
{ 

clearTimeout(TimeOutValue) 
CurrentDivIndex=CurrentDivIndexRec; 

    var Indexer=1; 
    while(Indexer<6) 
    { 
    if(CurrentDivIndex==Indexer) 
    { 
    Indexer++; 
    continue; 
    } 

    var DivToShow=document.getElementById("Banner" + Indexer); 
    DivToShow.style.display = "none"; 

    btn=document.getElementById("btnb" + Indexer); 
    btn.setAttribute("class","none"); 
    Indexer++; 

    } 


var DivToShow=document.getElementById("Banner" + CurrentDivIndexRec); 
    DivToShow.style.display = "block"; 

    btn=document.getElementById("btnb" + CurrentDivIndexRec); 
    btn.setAttribute("class","activeSlide"); 

    fadeIn(); 
TimeOutValue=setTimeout("ShowDivSlideShow()",6000); 
} 

function setOpacity(level) { 
    element=document.getElementById("Banner" + CurrentDivIndex); 
    element.style.opacity = level; 
    element.style.MozOpacity = level; 
    element.style.KhtmlOpacity = level; 
    element.style.filter = "alpha(opacity=" + (level * 100) + ");"; 
} 

var duration = 300; /* 1000 millisecond fade = 1 sec */ 
var steps = 10;  /* number of opacity intervals */ 
var delay = 6000;  /* 5 sec delay before fading out */ 

function fadeIn(){ 
    for (i = 0; i <= 1; i += (1/steps)) { 
    setTimeout("setOpacity(" + i + ")", i * duration); 
    } 
// setTimeout("fadeOut()", delay); 
} 

function fadeOut() { 
    for (i = 0; i <= 1; i += (1/steps)) { 
    setTimeout("setOpacity(" + (1 - i) + ")", i * duration); 
    } 
    setTimeout("fadeIn()", duration); 
} 

//最後に従うよう

私のスクリプト今、私はどこに追加するのは非常に混乱しています：

$('#slideshow').cycle({ 
    cleartype: 1 // enable cleartype corrections 
}); 

or 

$('#fadingElement').fadeIn(2000, function(){ 
$(this).css('filter',''); 
}); 

ので、それが動作する...私を助けてください...

Answer 1

これは簡単です。すべてのテキストをプレレンダリングされたバージョンに置き換えてください。サイトの幅が固定幅のレイアウトの場合は、そのスクリーンショットを撮ってページに埋め込みます。事前レンダリングされた画像を使用することは、常に明確かつ決定的な解決策です。