logo

$35
Transparent PNG in IE - Arras Theme using Timthumb Slideshow

Archiving.

Carrie Zanger | 04/05/10 at 5:19pm | Edit

timthumb, timthumb.php, transparent PNG

(5) Possible Answers Submitted...

  • avatar
    Last edited:
    04/12/10
    1:31pm
    Buzu B says:

    Hi. IE has always had problems with tranparent png images. There are many solutions to this,
    start here:

    http://spirit.vn/en/?p=37

    Previous versions of this answer: 04/05/10 at 5:41pm | 04/05/10 at 5:56pm

    • 04/06/10 3:16am

      Buzu B says:

      Do you really need to resize the images on the fly? Otherwise a simple function that resizes images would suffice. I have one I created a few weeks ago for a script I was doing, If you want to use it PM me your email address and I'll send it to you. Have you tried the suggestion offered by some of the guys here? did it work?

      I hope it did, I really do, but if it didn't I want to help you.

    • 04/08/10 6:52pm

      Carrie Zanger says:

      Actually, I don't need the images re-sized at all. They are all designed the same height and width. The only reason I'm using it, is because it came with the theme and I want the slideshow function. I might just need to re-design the images so there is no transparency afterall. :( Thanks for your help.

    • 04/08/10 7:03pm

      Buzu B says:

      Good suggestion by Dan Fraticius, it's always good to stay updated. I hope that works, but in case it doesn't and you need a hand to help you modify the images, let me know.

  • avatar
    Last edited:
    04/12/10
    1:31pm
    Maxime says:

    There are many tricks. You can substitude PNG to GIF with binary transparency, JavaScript tricks, filter (AlphaImageLoader), etc.

    Check out : http://net.tutsplus.com/articles/news/5-easy-ways-to-tackle-ie6s-transparency-issues/

    My favorite and best so far : DD_BelatedPNG Fix (JavaScript library) : http://www.dillerdesign.com/experiment/DD_belatedPNG/

    For example, upload DD_belatedPNG.js to your theme's directory. Then, in your header.php file :

    <!--[if IE]>
    
<script src="ROUT/TO/YOUR/DIRECTORY/DD_belatedPNG.js"></script>
    
<script>
    
  DD_belatedPNG.fix('#featured-slideshow');
    
  DD_belatedPNG.fix('.featured-article');
    
</script>
    
<![endif]-->


    It should fix your featured slideshow :)

    Previous versions of this answer: 04/05/10 at 5:45pm

    • 04/05/10 6:31pm

      Carrie Zanger says:

      Thanks for your thoughtful response. I will try it out... I updated my question above as it has to do with the Script I'm using more than anything else. But I will give this a shot.

    • 04/05/10 6:33pm

      Maxime says:

      From the TimThumb forum : "....download the latest version of timthumb and replace your existing file, this resolves the transparency issues for me!".

      So you can try to test with the last version of TimThumb : http://timthumb.googlecode.com/svn/trunk/timthumb.php

    • 04/08/10 6:52pm

      Carrie Zanger says:

      Tried this, but doesn't fix the issue! : (

  • avatar
    Last edited:
    04/12/10
    1:31pm
    Dan Davies says:

    Personally I'm quite fond of Unit PNG fix.

    http://labs.unitinteractive.com/unitpngfix.php

    • 04/05/10 6:36pm

      Dan Davies says:

      Try replacing your timthumb code with this code - http://timthumb.googlecode.com/svn/trunk/timthumb.php

      It may fix the issue.

    • 04/08/10 6:53pm

      Carrie Zanger says:

      Thanks for the suggestion. Tried this, but it didn't work.

  • avatar
    Last edited:
    04/12/10
    1:31pm
    Milan Petrovic says:

    Actually there is no solution for this if you are using Timthumb. Timthumb desn't support transparency regardless of the PHP GD module settings. Timthumb is very old and is not developed for quite some time, so there are many transparency issues and they are not likely to get fixed any time soon. If you are resizing images in the slider using Timthumb, simply there is no solution, because Timthumb generates invalid transparency that is not working with IE browsers. Proper transparend images work just fine with IE7/8, but Timthumbs is no creating them properly.

    Because of that, and the fact that this is overall bad script that is not very good solution for WordPress (that's my opinion of it), I have developed different method for resizing images that uses native WordPress functions, and this is built inside my xScape Theme Framework.

    Previous versions of this answer: 04/05/10 at 6:34pm

    • 04/05/10 6:37pm

      Milan Petrovic says:

      Yes, I can confirm that Timthumb is problem. Read my previous comment. I tested resizing with it, and transparency is broken. Timthumb is very, very complicated and not completed script that is not maintained for more than a year and you will not likely to find solution for this, apart from rewriting parts for the Timthumb so that resizing is done properly.

    • 04/08/10 6:54pm

      Carrie Zanger says:

      This is kind of what I thought! Thanks for your suggestions.

  • avatar
    Last edited:
    04/12/10
    1:31pm
    Dan Fraticiu says:

    I had a look over the Arras Theme and it looks like the slider now uses the built in Wordpress thumbanil system now, if it is activated and falls back to timthumb it is not available.

    Try downloading the latest version of the theme and see how that works. I see you made a lot of modification so your miht want to replace just the slider image generating function. You find it in library / template.php function arras_get_thumbnail (around line 123).

    • 04/08/10 6:54pm

      Carrie Zanger says:

      Thanks for the suggestion... I may try this and see what happens.

This question has expired.





Current status of this question: Completed