I just saw your cool article on how to add a pull-down menu letting people translate the pages of my Web site into any of a dozen different languages (see make your site available in multiple languages) but I would prefer to have tiny little flags for different languages and when someone clicks on the flag, the page is translated into that language. Know what I mean? Can you do that and still use Google Translate?
Sounds to me like a delightful coding challenge for me to sink my teeth into. Lightweight, simple, but darn interesting.
I’l save you the fiddling and just jump to the code:
A bit of digging around and it turns out that there’s a nice little French flag icon on Wikipedia with the url http://upload.wikimedia.org/wikipedia/commons/d/db/FranceFlag-ico.png. If we use this then the code looks like this:
and, live, works like this:
That gives you the gist of what you seek. The trick now is to figure out how to find a bunch of nice icons you can use. For that, I suggest you check out Google Image Search. To change the language of one of these links, replace “fr” with the two-letter language code you can glean from the earlier article’s HTML code.
Me? I think I’ll keep pushing on this idea and offer up some common language translation options here on AskDaveTaylor. Stay tuned for that…