To insert code use <code>...</code>.
Blurry slider PNG images in Internet Explorer
  • 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
  • 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
  • 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
  • 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
  • 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
  • Hi Owen,

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

    Regards,
    KaptinLin
  • Sorry,

    It's now open again.

    Owen
  • 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

  • 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
  • Hi Owen,

    I think that may somthing wrong with your png image.

    Now striking did nothing to the image.

    Regards,
    KaptinLin