To insert code use <code>...</code>.
Blurry slider PNG images in Internet Explorer
  • Vote Up0Vote Down owensowens
    Hi again,
    I have a new problem,

    I am trying to use PNG24 images on my home page slideshow. They look clean in Firefox and Chrome but they become blurry in IE. I've tried using different size images but always with the same result. Anyone know any fixes for this??

    I need to use PNG24 for the transparent backgrounds

    http://www.thebackstreetguides.com/

    Thank you
  • 9 Comments sorted by
  • Vote Up0Vote Down KaptinLinKaptinLin
    Hi owens,

    You can edit on striking/helpers/themeGenerator.php

    Locate line 809

    change
    echo '<img src="' . THEME_INCLUDES.'/timthumb.php?src='.get_image_src($image['src']).'&amp;h='.$height.'&amp;w=960&amp;zc=1" alt="" />';

    To

    echo '<img class="ie_png" src="' . THEME_INCLUDES.'/timthumb.php?src='.get_image_src($image['src']).'&amp;h='.$height.'&amp;w=960&amp;zc=1" alt="" />';


    Regards,
    KaptinLin
  • Vote Up0Vote Down owensowens
    Hi KaptinLin,

    Thanks again for your speedy reply.

    I have followed the above but it still appears blurry in IE. I've attached my changed themeGenerator file. If you wouldn't mind just checking that I've changed it in the correct way I would really appreciate it!

    Owen
    themeGenerator.txt
    31K
  • Vote Up0Vote Down KaptinLinKaptinLin
    Sorry,
    You also should edit on line 807
    Change
    echo '<a href="'.$image['link'].'" target="'.$image['target'].'"><img src="' . THEME_INCLUDES.'/timthumb.php?src='.get_image_src($image['src']).'&amp;h='.$height.'&amp;w=960&amp;zc=1" alt="" /></a>';


    To
    echo '<a href="'.$image['link'].'" target="'.$image['target'].'"><img class="ie_png" src="' . THEME_INCLUDES.'/timthumb.php?src='.get_image_src($image['src']).'&amp;h='.$height.'&amp;w=960&amp;zc=1" alt="" /></a>';

    Hope this helps.

    Regards,
    KaptinLin
  • Vote Up0Vote Down owensowens
    Hello Kaptin,

    Well, I have edited as you suggested but I am still getting the same problem with the slider images in ie. Could it be anything to do with this custom code I am using?

    #anything_shadow {display:none;}
    #anything_slider_loading {background:url("../images/loading_big.gif") transparent no-repeat 50% 50%;}

    div.anythingSlider .anythingWindow {background-color:transparent;}.

    This has got me beat, so any more ideas would be really appreciated.

    Thank you
    Owen
  • Vote Up0Vote Down KaptinLinKaptinLin
    Hi Owen,

    You have close your site. So i'm not been able to check your site.

    Regards,
    KaptinLin
  • Vote Up0Vote Down owensowens
    Sorry,

    It's now open again.

    Owen
  • Vote Up0Vote Down KaptinLinKaptinLin
    Hi,

    You can edit on striking/helpers/themeGenerator.php

    Locate line 809

    Replce
    echo '<a href="'.$image['link'].'" target="'.$image['target'].'"><img src="' . THEME_INCLUDES.'/timthumb.php?src='.get_image_src($image['src']).'&amp;h='.$height.'&amp;w=960&amp;zc=1" alt="" /></a>';


    With
    echo '<a href="'.$image['link'].'" target="'.$image['target'].'"><img class="ie_png" src="' . $image['src']. '" alt="" /></a>';

    Also make sure your image is 960x440 dimensions.

    Regards,
    KaptinLin

  • Vote Up0Vote Down owensowens
    Hi KaptinLin,

    So sorry, but it's still not working for me. The images are the correct size 960x440.

    This is where I am at with the code that I have changed in /themeGenerator.

    if($image['link'] != ''){
    echo '<a href="'.$image['link'].'" target="'.$image['target'].'"><img class="ie_png" src="' . $image['src']. '" alt="" /></a>';
    }else{

    echo '<img class="ie_png" src="' . THEME_INCLUDES.'/timthumb.php?src='.get_image_src($image['src']).'&amp;h='.$height.'&amp;w=960&amp;zc=1" alt="" />';}

    Any other ideas?!

    Thank you so much for your patience,

    Owen
  • Vote Up0Vote Down KaptinLinKaptinLin
    Hi Owen,

    I think that may somthing wrong with your png image.

    Now striking did nothing to the image.

    Regards,
    KaptinLin
Add a Comment