Display image according to the language

[jdunique]

Good afternoon!

I'm looking for a way to link a image with a selected language .

This background image is actualy displaying navigation menus, so I need it to display in the correct language!

I've created the two images and called them

topmenubg_english.gif
topmenubg_french.gif



My site works fine right now with the english image always showing, whether the language is english or french.

the file current image used is topmenubg.gif


I found mention of it in this file, but don't know what to do with this information


/includes/templates/(CUSTOM-TEMPLATE)/css/colors.css

#navMain { background-color: #FFFFFF; background-image: url('../images/topmenubg.gif'); background-repeat: no-repeat }



Is there a way for me to program something like:

If language is = english, ('../images/topmenubg_english.gif')
else ('../images/topmenubg_french.gif')


or sometime along those lines???

[kuroi]

It's much easier. It's built into Zen Cart that a stylesheet called french_stylesheet.css will load automatically, but only when the site is displaying pages in French (works for other languages too).

[jdunique]

really?!

great!! that program never cease to amaze me

ok so, would that new file (french_stylesheet.css) be in the same folder as the other css files?

right now, I have:
/includes/templates/(CUSTOM-TEMPLATE)/css/

colors.css
layout.css
stylesheet.css
print_stylesheet.css
<-- french_stylesheet.css goes here?

and should I ONLY write the line concerning my image in that css file? or do I need to copy-paste the english css and modify the line concerning my image?

[kuroi]

Oui! oui, oui et non.

[jdunique]

haha

non à quoi au juste?

non to
I ONLY write the line concerning my image

or

non to
copy-paste the original css and modify the line for my image

(btw, thanks a lot kuroi )

[kuroi]

non to
copy-paste the original css and modify the line for my image

You only to to change the line the has the location of the image that you wish to vary by language.