Проблема с PNG для наводимого изображения

Тема в разделе "Веб-дизайн", создана пользователем Dragonyava, 26 янв 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. Dragonyava

    Dragonyava Писатель

    Регистр.:
    29 ноя 2007
    Сообщения:
    6
    Симпатии:
    0
    Ситуация такая сделал в сайте изображения-ссылки с меняющимся изображением при наведении.
    ФИКС для ишака сделал, только применяется фикс только для основного изображения, а на выделеное нет. Куда впихать class="png" не пойму:(

    HTML:
    <body onLoad="MM_preloadImages('images/tstecoline2_02.png','images/tstecoline2_03.png','images/tstecoline2_04.png','images/tstecoline2_05.png','images/tstecoline2_06.png','images/tstecoline2_07.png')">
    
    <div id="menu"><a href="news.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','images/tstecoline2_02.png',1)"><img src="images/tstecoline1_02.png" alt="Новости" name="Image1" width="105" height="42" border="0" class="png"></a></div>
     
  2. Axom

    Axom

    Регистр.:
    25 апр 2007
    Сообщения:
    320
    Симпатии:
    94
    В div не пробовал? ;)
     
  3. Dragonyava

    Dragonyava Писатель

    Регистр.:
    29 ноя 2007
    Сообщения:
    6
    Симпатии:
    0
    пробовал все и в див и к самой картинке
    но чтото не догоняю куда его приписать
     
  4. stanas

    stanas Прохожие

    А какой из пнг фиксов стоит?

    И заодно я убрал бы эту красоту от дримвивера, и заменил бы на

    <img src="images/tstecoline1_02.png" alt="Новости" name="Image1" id="Image1" width="105" height="42" border="0" class="png" onMouseOver="document.getElementById('Image1').src='images/tstecoline2_02.png';">

    и на onMouseOut назад.
     
  5. Dragonyava

    Dragonyava Писатель

    Регистр.:
    29 ноя 2007
    Сообщения:
    6
    Симпатии:
    0
    юзаю этот
    PHP:
    function fixPNG(element)
    {
        if (/
    MSIE (5\.5|6).+Win/.test(navigator.userAgent))
        {
            var 
    src;
            
            if (
    element.tagName=='IMG')
            {
                if (/\.
    png$/.test(element.src))
                {
                    
    src element.src;
                    
    element.src "clean.gif";
                }
            }
            else
            {
                
    src element.currentStyle.backgroundImage.match(/url\("(.+\.png)"\)/i)
                if (
    src)
                {
                    
    src src[1];
                    
    element.runtimeStyle.backgroundImage="none";
                }
            }
            
            if (
    srcelement.runtimeStyle.filter "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" src "',sizingMethod='scale')";
        }
    }


     
  6. Frize

    Frize Создатель

    Регистр.:
    18 ноя 2008
    Сообщения:
    42
    Симпатии:
    6
    Код:
    <body onLoad="MM_preloadImages('images/tstecoline2_02.png','images/tstecoline2_03.png','images/tstecoline2_04.png','images/tstecoline2_05.png','images/tstecoline2_06.png','images/tstecoline2_07.png')">
    
    <div id="menu"><a href="news.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','images/tstecoline2_02.png',1)"><img src="images/tstecoline1_02.png" alt="Новости" name="Image1" width="105" height="42" border="0" class="png"></a></div>
    лучше так ;)
    #menu a { background: url(./picture1.gif) 0 0 no-repeat; }
    #menu a:hover { background: url(./picture2.gif) 0 0 no-repeat; }
    в этом случае фикс для ишака должен работать.
     
Статус темы:
Закрыта.