You are not logged in.
<txp:zem_image_replace> dynamically replaces text with images generated on-the-fly, maintaining accessibility using a CSS image replacement technique. This is a complete rewrite of the older version, so I’m giving it a new thread.
The new version is self contained, no longer reliant on an external script for image creation.
Download and documentation:
Last edited by zem (2005-02-03 02:50:41)
I’m using Firefox 0.8, and I don’t see the image … it works in my IE though. Still, it’s neat! Thanks!
Thanks for the feedback. The image titles on this page show up fine with Firefox 0.9.3.
Can you see those images with your version of Firefox? Can you give me the URL of the page where you’re experiencing the problem?
I played around with the attributes, and managed to get it to work! Yay!
This doesn’t work:
< txp:zem_image_replace font=”/corinne/fonts/LITTLELO.TTF” wraptag=“p” >PHOTOJOURNAL< /txp:zem_image_replace >
< txp:zem_image_replace font=”/corinne/fonts/LITTLELO.TTF” font-size=“25” height=“35” position=“right” wraptag=“p” >PHOTOJOURNAL< /txp:zem_image_replace >
You can see it here: http://corinne.theroundbox.com/photojournal/
Unfortunately, I couldn’t replicate the little “error” I had of IE showing the image but Firefox not doing so. Also, when I had this “error”, strangely, IE didn’t hide the word “PHOTOJOURNAL”. It was displayed at the back of the image.
Anyway, I got it to work already, and I’m pleased! Thanks loads!
Last edited by corinne (2004-08-09 12:15:16)
Thanks, that’s very helpful. I just ran some tests and it looks like the ‘position’ attribute is the one that makes the difference. I’m not quite sure why just yet.
I’m working on a new version anyway, so I’ll try to include a fix in the next release.
Did you find in your testing that it would only work with position=“right”?
I’ve tried everything I can think of, but could only get the images to be visible if position was set to right. Bottom right and top right work also. Just nothing else.
I tried using a div tag, but I’m not really all that creative with CSS and it didn’t end up helping all that much.
Other then that, this plug in rocks. I’ve been looking for a way to use my own fonts and this is perfect.
Yes, position=right appears to be necessary. I switched to a different CSS replacement method in this version, and it looks like the negative margin causes a left or center aligned image to shift outside the page. I’ll fix the default in the next version.
Next version will include FT anti-aliasing support, by the way. And maybe one more cool feature..