IE6: jQuery pngfix + mouseover-события

Question

Я хочу изменить src-attrib img-элемента (png), когда курсор касается элемента.он отлично работает во всех браузерах, кроме IE6: (

сначала скрипт выполняет pngfix () через jQuery PNGfix. Таким образом, он оборачивает img-элемент span-тегом и сбрасывает src-содержимое черезфильтр в тег span.

моя идея состоит в том, чтобы получить стиль / css / ... из элемента runtime-span и заменить его вместо замены src-attrib img-тега.Вот фрагмент моего кода:

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

В сценарии pngfix я добавил класс в span, так что я могу назвать его:

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

я понятия не имеюполучить img02 в pngfix в качестве фона. Вы? Может быть?

спасибо, Марио

Answer 1

Вы можете установить атрибут изображения 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();
    //...
     });
});