Closed Thread Icon

Topic awaiting preservation: Dynamically Created Image Headings (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=25877" title="Pages that link to Topic awaiting preservation: Dynamically Created Image Headings (Page 1 of 1)" rel="nofollow" >Topic awaiting preservation: Dynamically Created Image Headings <span class="small">(Page 1 of 1)</span>\

 
Wes
Paranoid (IV) Mad Scientist

From: Inside THE BOX
Insane since: May 2000

posted posted 05-27-2005 18:33

I have a client who wants to use on his site a particular font for paragraph headings, which will have to be created as images, and I've just recently realized it's possible to render these server-side rather than creating each one manually in Photoshop.

(Incidentally, let's not get into the whole accessibility thing. I have to admit I'm interested in doing this myself for certain things, and as long as I'm sure to use proper alt and title attributes, I'm not worried.)

I've discovered plug-ins for things like Smarty and WordPress, but I'm looking for something standalone. I came across this at ALA, but it incorporates JS. I'd prefer to accomplish my goal entirely with PHP, but I don't think I'm adept enough yet to begin recrafting it myself.

Does anyone know of a standalone script that will handle this? I believe the only requirement I have is that it should work with just about any TrueType font and not just those that come with the GD library.

poi
Paranoid (IV) Inmate

From: France
Insane since: Jun 2002

posted posted 05-27-2005 18:49

[quick_reply] The accessibility aspect can be covered by an Image Replacement technique. You even go for something like sIFR : ShaunInman Flash Replacement [/quick_reply]

reisio
Paranoid (IV) Inmate

From: Florida
Insane since: Mar 2005

posted posted 05-27-2005 19:26

the alt text should be enough

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

posted posted 05-27-2005 19:34

This isn't exactly what you're asking for, but it may be sufficient:
http://www.gurusnetwork.com/tutorial/php_gd/

As for accessibility, as reisio said, the alt text is there for exactly that purpose. Just be sure to still use the proper header tags.

twItch^
Maniac (V) Mad Scientist

From: Denver, CO, USA
Insane since: Aug 2000

posted posted 05-28-2005 01:15

This Zend article should get you going on the right path; gd is the best library to use for good php integration. Read through it.

- Stephen
deviantART Profile :::: Everything2 Profile

(Edited by twItch^ on 05-28-2005 01:15)

Ensellitis
Bipolar (III) Inmate

From: Kansas City, MO , USA
Insane since: Feb 2002

posted posted 05-28-2005 03:28

ColdForged created a plugin for Wordpress to do this (http://www.coldforged.org/plugins/) Perhaps you could view the code and find something that can help you in there?

:: WWW || Deviations || ThoughtPrism ::

Suho1004
Maniac (V) Mad Librarian

From: Seoul, Korea
Insane since: Apr 2002

posted posted 05-28-2005 10:53

Wes: I wrote the tutorial DL linked to above and have played around with this sort of thing a lot. I also have a working example of what you are talking about here: http://workshop.liminality.org/ (the heading at the top of the page (not the title) is dynamically generated). It's not that difficult to do, and I could send you a code snippet or help you create/customize your own. Send me an email if you're interested.

___________________________
Suho: www.liminality.org | Cell 270 | Sig Rotator | the Fellowship of Sup

Wes
Paranoid (IV) Mad Scientist

From: Inside THE BOX
Insane since: May 2000

posted posted 05-31-2005 07:03

This is all good information, thanks. I think I got ahead of myself, though. As it stands, I don't think I'll even be able to do it with my templating system the way I've got it working. I need to figure that out, then try to work this in.

Wes
Paranoid (IV) Mad Scientist

From: Inside THE BOX
Insane since: May 2000

posted posted 06-07-2005 00:02

Woohoo! Spent the afternoon going through your tutorial there, Suho, and I'm surprised how easy it actually is.

Here is a lovely result just for you:



Now I'm going to attempt to work it into my templating script so I can use special tags (e.g. {imgheading "Suho Rules"} ) to generate the output.

« BackwardsOnwards »

Show Forum Drop Down Menu