After receiving some feedback from Daniel Schoone letting me know that facelift didn’t work when prototype was in use, I decided to work on an updated release.
Change Log
- Added support for plugins. More information can be found in the facelift documentation.
- Can now assign FLIR Styles based on class names.
- Added more consistent boundary detection for font characters.
- Plays nice with prototype (or scriptaculous) installed. Did not test with jQuery or other libraries. Anyone?
No errors indeed with prototype. I also saw you’re playing with bounds, but this fails with the font i use. You can see the result on my testpage: http://d-media.biz/bbf_2008/index_flir.php
Also, as you can see, some letters disappear (those followed by an j or g). I guess it’s because every letter takes it’s space, but those two get too much…
Thanks anyways for the quick update and keep up the good work.
Reply
Cory reply on July 30th, 2008 23.59.39:
After doing some research I found out it is impossible to fix that bug (and keep the background transparent) when using GD. So I wrote a plugin that uses ImageMagick to generate the text if needed since ImageMagick does a much better job of handling weird font glyphs.
I’ve zipped up the entire package and you can download it at http://facelift.mawhorter.net/projects/facelift/downloads/facelift-1.1.1-rc1.zip. I’ve also fixed a couple of bugs that were causing problems with IE and changed the HBOUNDS_TEXT thingy to optional (defaulting to false). So… if you have a new version of ImageMagick on your server you should be able to drop this in and use it and it should fix all your issues.
To use the FancyFonts plugin:
1) Edit facelift/plugins/FancyFonts.php and change IM_EXEC_PATH to the location of your ImageMagick binary.
2) Create a FLIRStyle with a mode of ‘fancyfonts’. You could do this by using this line of code: FLIR.init( new FLIRStyle( { mode:’fancyfonts’ } ) );
Reply
Wow! You’re really going fast with the development! If i find the time today i will try to install it right away. ImageMagick is installed, so no problem there!
Reply
I have another bug:
With Internet Explorer 6 (maybe in 7 but not tested), sometimes (and not always, that’s the big deal), a JavaScript error occurs : ‘style’ is null or not an object
The result is that my text is a little bit cropped at the bottom. I noticed the same bug on http://facelift.mawhorter.net
I use Prototype too.
Will 1.1 resolve all my problems?
Reply
Cory reply on July 31st, 2008 10.38.45:
You’re right. IE7 is working fine but it does indeed happen in IE6. I’m moving today and will take a look at it tomorrow. Check back in a couple days for a fix. Thanks for reporting it.
Reply
Okay cool, thank you very much!
Reply
Cory reply on August 4th, 2008 15.06.34:
I’ve released v1.1.1 of Facelift. It fixes the IE6 bugs you mentioned as well as adds some new functionality and a new plugin that allows for thing like drop shadows, pattern fills, etc.
Read about facelift v1.1.1 – http://www.mawhorter.net/projects/facelift-v111-is-available
Take a look at what the QuickEffects plugin can do at http://facelift.mawhorter.net/doc/plugins-quickeffects
Reply
I’ve just tested it. First a little confession: i still use PHP4. So i went in some editing, because you’ve used (and that’s no problem) PHP5 functionality.
After that is configged the fancyfonts plugin and it works! BUT (always those but’s…) the outcome is not as expected. First the backgroundcolor acts strange, i will look into that. Second the bounding is not still what it should be.
I’ll post my update on the backgroundcolor issue when i’m done.
Reply
Found out that removing the line
-background “#’.$bkg_hex.’00″
somewhat helpes, but not on all occasions.
Better get started with my real work now!
Reply
Cory reply on August 4th, 2008 15.14.31:
Do you know what version of ImageMagick you are using? I found out I’m using 6.3.7 by doing convert –version, which is not the most recent release of ImageMagick.
I fixed the problem with the boundaries in the FancyFonts plugin and I tested it with your page on my computer and it seemed to work OK.
If you remove the -background command the generated images will no longer be transparent PNGs. Try removing -background “#’.$bkg_hex.’00″ and putting -background none after -channel RGBA.
Let me know which lines you are changing for PHP4 and I can add fixes on my end to make it compatible. I don’t have a php4 machine to test on anymore.
Reply
Facelift v1.1.1 is available. You can download it at http://facelift.mawhorter.net/download/?latest=true
Reply