jquery png 修复隐藏 div 和 jquerybrowser 问题

发布于 2024-08-14 22:22:19 字数 815 浏览 6 评论 0原文

我有一些代码，如果 Javascript 可用，它将删除 GIF 图像并将其替换为 PNG 图像。 PNG 显示：无，GIF 可见。

由于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>

超文本标记语言

<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"/>

原文

I have some code that if Javascript is available, it will remove a GIF image and replace it with a PNG image. The PNG is display:none and the GIF is visible.

Since IE6- browsers can't load PNG, I have loaded the jquery PNG fix. But it only seems to work if the image is already visible.

The other issue is I am trying to get the jquery.browser function to apply to less than version 6, and I am not having much luck.

<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"/>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

不必了 2024-08-21 22:22:19

或者，您可以使用 IE PNG Fix 并仅对所有浏览器使用 PNG。它
仍然需要 JS，但它很有用。

回复收藏 0 原文

写给空气的情书 2024-08-21 22:22:19

从 (http://jquery.andreaseberhard.de) 下载 jQuery 插件“pngFix” –

更改这些行，例如以下内容：

// 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

Download jQuery-Plugin “pngFix” from (http://jquery.andreaseberhard.de)

–Change these lines like the following:

// 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() {

–Before the end Place this Code

// 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

回复收藏 0 原文

~没有更多了~