Integrazione variabili Javascript in comandi HTML

[tpappala]

Salve a tutti.
Avrei un problema che vorrei risolvere.
Ho caricato uno script per il rollover di immagini e tutto funziona ma ho un problema con la path delle immagini.

la struttura del sito è questa:

dominio/it/index.php
dominio/it/images/

Se nella index.php dico allo script di andare a prendere le immagini nel percorso: /it/images/
funziona. Ma non dovrebbe bastare specificare, visto che la index risiede nella medesima cartella "it" della cartella "images", solo il percorso in questo modo: /images/

Il problema che dovendo fare un sito in 4 lingue, devo cambiare tutto i percorsi in ogni immagine.

allora io ho pensato di fare: var imgPath = "/it/images/"
così cambio il percorso solo una volta.

Nel tag html img src come faccio?
certo non posso usare questa sintassi: [img]imgPath/tasto_off.jpg[/img]
perchè non funzionerebbe.

La mia domanda è questa. Come si possono inserire variabili in javascript in tag html?

Grazie a chi mi risponderà.

Tommaso

[lake86]

La imposti al bisogno,

a [img]imgPath/tasto_off.jpg[/img]

dai un id

[img]imgPath/tasto_off.jpg[/img]

Poi da codice

docment.getElementById("Ciao").src ="PERCORSO IMMAGINE";

[br1]

Diciamo pure che si tratta di un semplice problema html... ti sposto

[tpappala]

Secondo me mi sto perdendo in un bicchiere d'acqua.
Vi posto il codice.

in JS

<script type="text/javascript">
//document.write('<STYLE TYPE="text/css">.imgTrans{ filter:revealTrans(duration=0.2,transition=23) }</STYLE>');
document.write('<STYLE TYPE="text/css">.imgTrans{ filter:blendTrans(duration=0.4) }</STYLE>');

var imgPath= "/it/images/";
var onImages=new Array();
function Rollover(imgName, imgSrc)
{
onImages[imgName] = new Image();
onImages[imgName].src = imgSrc;
}

function turnOn(imgName){
if(document.images[imgName].filters != null)
document.images[imgName].filters[0].apply();
document.images[imgName].offSrc = document.images[imgName].src;
document.images[imgName].src = onImages[imgName].src;
if(document.images[imgName].filters != null)
document.images[imgName].filters[0].play();
}

function turnOff(imgName){
if(document.images[imgName].filters != null)
document.images[imgName].filters[0].stop();
document.images[imgName].src = document.images[imgName].offSrc;
}

Rollover("btn1", imgPath + "topmenu_1_on.jpg");
//document.getElementByID(menu1).src = imgPath;
</script>

in HTML

[img]/topmenu_1_off.jpg[/img]

Se attivo il getElementByID mi va in conflitto con l'intero script.

Ho provato anche a cambiare imgPath e mettere l'indirizzo reale ma neanche funziona.

Boh!