Convert Image to Text

@CaspurJul 19.2006

I am searching for a way to convert some navigation images to text, for use in Lynx and other text only browsers. Also I am hoping this will be handy for robots and search engines that browse text links only.

I would use text links at the bottom, but I feel it would be much nicer for them to hold the same position as the images. I am thinking this can be done seperate for each image with if document.images but have never tried something like this.

Thank you,
Caspur

to post a comment

JavaScript

@CharlesJul 19.2006 — #I've de-Dreamweavered a site recently. Take a look under the hood:

http://www.baltimoreaikido.com/

@slaughtersJul 19.2006 — #I am searching for a way to convert some navigation images to text, for use in Lynx and other text only browsers. Also I am hoping this will be handy for robots and search engines that browse text links only....[/QUOTE]Have you tried to put the text in the alt= attribute of the img tag? It was designed for the purpose of having alternative text to show to browsers which do not support images, or to people who have turned image dowloads off in their browser.

You can also explore the use of the media= part of the style sheet link tag in order to have different definitions for one CSS class depending on the media type of the display.

@CaspurauthorJul 19.2006 — #Thanks for the tip Slaughters... I use Alt attributes now, and I will look into the media in CSS, I can't remember coming across that before.

@slaughtersJul 19.2006 — #The CSS approach is probably the best way to go, but here is another thought.

You could probably use some javascript to check to see if the images tags are supported by the browser. If not then just assign the value/innerhtml of the object to be a text phrase (nicely formated) instead of an img

Something like this quick psedo code:

[CODE]<html>
 <head>
 <script>
 
 function LoadButtons () {
 if (document.images) {
 document.getElementById("HomeNav").innerHTML = '<img src="HomeGraphic.jpg">';
 } else {
 document.getElementById("HomeNav").innerHTML = '<span class=NavButton>Home</span>';
 }
 }
 </script>
 </head>
 
 <body onload="LoadButtons();">
 <table>
 <tr><td id="HomeNav"><img src="HomeGraphic.jpg"></td></tr>
 </table>
 </body>
 </html>[/CODE]

Convert Image to Text

4 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Convert Image to Text

4 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

4 Comments(s) _↴

Also in #JavaScript _↴