Comments on: jQuery Image Text Replacement: Work In Progress

By: zwfx

zwfx — Thu, 29 Oct 2009 14:40:58 +0000

use
———— $(“.jitr”).each(function() {
$(this).css(“visibility”, “hidden”);
})
————
instead of
————
document.write(”);
————

By: Caroline Clifford

Caroline Clifford — Mon, 05 Jan 2009 13:43:25 +0000

Also…. (to make the fonts actually line up)

ImageTTFText($image,$font_size,0,-$box[0],abs($box[5]-$box[3])-$box[1],

becomes

ImageTTFText($image,$font_size,0,-$box[0],abs($boxMax[5]-$box[3])-$box[1],

By: Caroline Clifford

Caroline Clifford — Mon, 05 Jan 2009 13:28:37 +0000

Hi there,

Firstly thanks for a great script! I noticed that all the images were different heights depending on what text you had in the heading. I have worked around this by making heading.php read the height from an extended character chr(219) which is a full block & even if that is not available it should put in an n/a character which is also full height.

I used the following code:

$image = @ImageCreate(abs($box[2]-$box[0]),abs($box[5]-$dip)) ;

becomes

$boxMax = @ImageTTFBBox($font_size,0,$font_file,chr(219));
$image = @ImageCreate(abs($box[2]-$box[0]),abs($boxMax[5]-$dip));

I hope this helps! There is probably a better solution but I am a lowly front end developer

By: Jamie Thompson

Jamie Thompson — Thu, 31 Jul 2008 09:57:06 +0000

I’m not sure I understand what you’re asking. All you need to do is pass in the file path that PHP needs in order to open the file.

hover states won’t work. This could be implemented pretty easily but you’d straight away be doubling the number of server callbacks needed to generate the images.

If that sort of thing is important to you, you might be better off with sIFR

By: Overshee

Overshee — Wed, 30 Jul 2008 20:08:26 +0000

So would http://www.example.com/fonts/whatever.ttf work?

or /fonts/whatever.ttf even if you aren’t running off the root?

Also, if you make them into a link, does a:hover work to change colors or even fonts?

By: Jamie Thompson

Jamie Thompson — Wed, 30 Jul 2008 18:56:10 +0000

Sorry you’re having trouble. I never really intended this as a howto, although all the info is here for anyone interested in using the technique. I may ‘officially’ release jitr at some point with ful instructions.

But on the subject of the font. You can place your fonts it anywhere you like. As long as it’s readable by PHP

When you invoke jitr you pass it the path to the font you want it to use relative to the root of your site.

By: Overshee

Overshee — Tue, 29 Jul 2008 03:05:05 +0000

I’m having a bit of trouble with this. Where do you put the font? Your post doesn’t really seem to say…

By: Patrick Harris

Patrick Harris — Fri, 30 May 2008 11:22:48 +0000

I’ve written a Drupal plugin for your script, and submitted it at http://drupal.org/node/261799 … wait to see what happens.

By: Jamie

Jamie — Wed, 21 May 2008 09:00:20 +0000

I hadn’t included the PHP source as I wasn’t intending on anyone attempting to use this technique. Not that i’m not glad you’ve had a play with it.

As you’ve found, additional space characters need to be added and this is handled by the modified PHP script, as well as picking up the font color and size passed in by jitr.

sp, just for you (and anyone else who might be interested) the php source is available here:

http://jamazon.co.uk/files/src/php/jitr.php.txt

By: Patrick Harris

Patrick Harris — Wed, 21 May 2008 08:43:42 +0000

Hi – fantastic work. This is extremely useful. How did you extend Stewart Rosenberg’s script?

I had to add a space to the text to get it working properly, but even then, I end up with slightly different text size and kerning to you.

E-mail me your version of Rosenberg’s script if possible. I’ll definitely keep up with your progress on this.