sJIR: Scalable Jens Image Replacement

Saturday July 16th 2005, 3:42 pm

Written by: Brian Benzinger

Related Articles:

swfIR: SWF Image Replacement: swfIR is a new Flash replacement technique that replaces and adds visual effects to images on the fly using simple JavaScript. It's similar to the...
AjaxLaunch releases ajaxSketch: AjaxLaunch releases ajaxSketch, a vector illustration tool allowing you to create simple diagrams in Firefox and save them as Scalable Vector Graphics (SVG). View ajaxSketch....
Krunch for Online File Compression: "Krun.ch is a simple tool that simplifies the process of compressing and sending your files online. Krun.ch isn't a replacement for the traditional desktop compression...

Article Tags:

Bookmark this Article:
Post at Del.icio.us and Add to BlinkList

Scalable Jens Image Replacement (sJIR) is a great method to replace an elements text dynamically with the use of PHP, JavaScript, CSS, and a chosen font. I like Dave Shae’s sIFR, but sometimes the flash just seems to overpower everything and graphics just seem like a good alternative.

sJIR uses javascript to replaces some elements in a (X)HTML document with calls to a image generator written in php. Allowing you to use fonts in your web design that is not available on the users computer.

To replace a header tag (ie: h1) with any font by using the generated graphic, you simply include the Javascript in your page, then declare the font that you added to the server in side of the CSS. Then include this one line to tell the script to process that tag as a graphic with the font of choice.

sJIR.replaceElement("h1")

Great job to Jens Persson on creating it.

View the Scalable Jens Image Replacement (sJIR) project.

1 Comment

Leave a comment - RSS feed for comments on this post. - TrackBack URI

# 1. George on Nov 10, 2007 at 5:00 am

Good site! I’ll stay reading! Keep improving!

Trackbacks/Pingbacks

Archives - RSSSide Notes

#
VideoJug, a how-to video sharing site previously reviewed on Solution Watch, relaunched their website today with a fresh new design and new “Ask the Expert” video content.
(2)
#
Our company, Parallel, just launched a fun little project that we’ve been working on called, unFortunate. It’s the only place where you can view, create, share, and print your own fortunes. Check it out!
(5)
#
Just a quick note that Virb, a new social network that’s got me excited, has launched today. I was accepted into the private beta a couple months ago and its really come a long way. It’s beautifully designed, has great iTunes integration, and has got a little bit of everything in there. Perhaps what I like most is how customizable the profiles are. Be sure to check it out!
(11)
#
swfIR is a new Flash replacement technique that replaces and adds visual effects to images on the fly using simple JavaScript. It’s similar to the the popular Flash text replacement technique, sIFR. You can, without physically editing an image, set borders, shadows, alpha transparencies, blurring, rotation and more to any image on your website. Pretty neat! (via Mike Davidson)
(5)