IE6:jQuery pngfix + mouseover-events

时间:2011-08-22 13:49:54

标签: jquery internet-explorer-6 hover pngfix

我希望在光标到达元素时更改img-element(png)的src-attrib。 除了IE6之外,它在所有浏览器中都能正常工作:(

首先脚本通过jQuery PNGfix执行pngfix()。因此,它使用span-tag包装img-element,并通过过滤器将src-content删除到span-tag中。

我的想法是,从runtime-span元素中获取style / css / ...替换它 - 而不是替换img-tag的src-attrib。这是我的代码片段:

$(document).ready(function(){
$('img').bind
({
    mouseover : function() 
    {
        symbiontStatus = 1;
        $('img').css('backgroundImage', 'img/img02.png');
//...

在pngfix脚本中,我在跨度中添加了一个类,所以我可以调用它:

$(document).ready(function(){
    $('.pngfix').bind
    ({
        mouseover : function() 
        {
alert('over!');
            symbiontStatus = 1;
            $('.pngfix').css('backgroundImage', 'img/img02.png');
    //...

我不知道将img02作为背景进入pngfix。您?可能?

谢谢你, 马里奥

1 个答案:

答案 0 :(得分:0)

您可以设置图片src属性,然后再次调用pngfix。在执行此操作之前,您应该删除span标记后插件添加的img,因为pngfix将再次创建范围。现在我们将删除您已绑定span / mouseover事件的mouseout,我们将live。试试这个

$(document).ready(function(){
    $('.pngfix').live('mouseover', function(){
            symbiontStatus = 1;
            var $img = $(this).prev();
            $(this).remove()

            $img.attr('src', 'img/img02.png').pngfix();
    //...
     });
});