jquery png 숨겨진 div 및 jquerybrowser 질문에 대한 수정

Javascript를 사용할 수 있으면 GIF 이미지가 제거되고 PNG 이미지로 바뀌는 코드가 있습니다. PNG는 display : none이며 GIF가 표시됩니다.jquery png 숨겨진 div 및 jquerybrowser 질문에 대한 수정

IE6- 브라우저가 PNG를로드 할 수 없기 때문에 jquery PNG 수정을로드했습니다. 그러나 이미지가 이미 표시되어있는 경우에만 작동하는 것으로 보입니다.

다른 문제는 jquery.browser 함수를 버전 6 이하에 적용하려고 시도하고 있으며 많은 행운이 없다는 것입니다.

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#gif").hide(); 



     jQuery.each(jQuery.browser, function(i, val) { 
    if($.browser.msie && jQuery.browser.version <="6"){ 
    $("#png").show(); 
    $('.png').pngFix() 
    }else{ 
    $("#png").fadeIn("slow"); 

    } 
}); 





    }); 

</script>

HTML

<img class="png" id="png" src="images/main_elements/one-2-flush-it-campus-challenge.png" style="display:none;" /> 
<img id="gif" src="images/main_elements/one-2-flush-it-campus-challenge.gif"/>

출처

2009-12-11 Jared

아마해야 이미지를 배경 요소로 설정하고 조건부 CSS 서식을 사용하여 IE6에서만 GIF를 적용 할 수 있습니다. – Jared

왜이 코드를 루프/e에 넣어야하는지 모르겠습니다. 필요 없다. –

나는 곧바로 PNG 코드를 적용하려고 했는데도 작동하지 않아 fadeIn()이 호환되지 않는지 궁금해서 show()를 시도했다. 아니요, 필요는 없지만 PNG 코드를 작동시킬 수없는 방법이 있습니다. – Jared

또는, IE PNG Fix를 사용할 수 있습니다 그냥 모든 브라우저 PNG를 사용합니다. 에는 여전히 JS가 필요하지만 유용 할 수 있습니다. 다음과 같은

출처

2009-12-11 21:16:55

그 하나 줄거야 총 감사합니다 ... – Jared

그 트릭을 한 ... 고마워! – Jared

( http://jquery.andreaseberhard.de)

에서

다운로드 jQuery를-플러그인 "pngFix는"- 변경이 라인 : 최종 장소 -before

// this line 
jQuery(this).find(“img[src$=.png]:visible”).each(function() { 
// this line 
jQuery(this).find(“:visible”).each(function(){ 
// and this line 
jQuery(this).find(“input[src$=.png]:visible”).each(function() {

이 코드

// Store a reference to the original method. 
var _show = jQuery.fn.show; 

// Overriding Show method. 
jQuery.fn.show = function(){ 
// Execute the original method. 
_show.apply(this, arguments); 
// Fix Png 
return $(this).pngFix(); 
} 

//No more problems with hidden images 

})(jQuery); 

//The End

출처

2010-01-29 17:48:38

jquery png 숨겨진 div 및 jquerybrowser 질문에 대한 수정

답변

관련 문제