Bug in Safari with v1.2b4 - Background Transparency Problem
UPDATE 9/13: I’ve fixed the bug and will be releasing the fixed version sometime tomorrow.
There is a bug in Facelift that is causing all images to be generated with a white background. The temporary fix is to disable GIF/JPG support until I can release a fixed version. You only have to modify one line of code to fix and FLIR will behave as it did before with transparent PNG images.
You can read more about the problem and get the fix here.
September 14th, 2008 at 01.17.41
I’d really like to see this work … it is what we’ve all been waiting for. I would like to see how it gets handled by jquery, but it certainly is fairly straightforward as you’ve presented.
Sunday Sept 14, 2am EST: I’m on Mac OS X 10.4.11:
FF 3.0.1 - Works fine. Text properly sized according to the CSS is shown when either images or js is off.
Safari 3.1.2 - Strangely Buggy. Works fine with both js and images on. Nothing is displayed (i.e., not the original text) when images are turned off but js is on. Regular styled text is displayed when js is off but images are on. Original text is displayed when both images and js are off.
Opera 9.51 - Does not work. Shows only styled text regardless of the status of images or js.
It works in Camino 1.0, but I was unable to make the images stop loading, so I don’t know if the error seen in Safari is replicated here.
It’ll be quite the coupe if you succeed with this. Congratulations.
[Reply]
Cory reply on 2008-09-14 01.42.30:
Ellen, you’ll be happy to know I’ve solved all the problems you’ve listed…. except Camino. I don’t have access to it and can’t test it.
FF is the only browser that displays the alt text as normal text when the image doesn’t load. This is IMO the correct way to handle an image not loading but the other browsers don’t agree.
Safari won’t display anything if an image doesn’t load. I’d call this a bug in the Safari browser.
The code to detect if images are turned off included in the last version of FLIR but I removed it because it just bloated the code.
I’ve moved the code into a plugin and included it with the release for those who want it. It is in the js-plugins folder and called fpjs-detectimages.js. To use it, simply include it via a
[Reply]
Cory reply on 2008-09-14 01.48.08:
Ugh… foiled by my own blog… how embarassing.
As I was saying. To use it, simple include it via a script tag. Just make sure it is after your flir.js incude but before the FLIR.init call. It will automatically install and configure.
The following two ways of specifying the font work in Opera.
1. Specify a replacement for the web font you’re using in the config-flir.php file. If you use arial, change the line that starts with “$fonts['arial'] = ” to the font you want.
2. You can specify the font in the FLIRStyle: FLIR.init( new FLIRStyle({ cFont:’your_font’ }) ); will make it the default font for your site and for more flexibility you can use FLIR.replace( ‘h2′, new FLIRStyle({ cFont:’your_font’ }) );
If there is a problem with Camino, I’d love to fix it. What exactly do you mean by “was unable to make the images stop loading”?
[Reply]
September 21st, 2008 at 19.51.27
Cory,
Congratulations. I’ve been massively busy and haven’t had a chance to give it a try, but you bet I will.
The Camino thing — I couldn’t figure out how to tell Camino not to load images. I wouldn’t worry about it, since so few people use it. I just offered the info since I was already at it … I opened the page in each browser I had installed.
I also don’t know anyone who browses that way … but since I like to know that my site will degrade properly, I always test. This was inspired by CSS Naked (http://naked.dustindiaz.com/) — a coding concept that made sense to me.
I’ll let you know how it goes.
Ellen
[Reply]
Cory reply on 2008-09-22 04.34.19:
Thanks for testing. I’m not sure how the image disabled detection goes on macs so I’d be interested to hear about your experiences.
Interesting idea about the CSS naked for a day thing.
[Reply]