[Solucionado] Problema con cambio de imagenes

[WebPL]

hola que tal, tengo este código que me servia para cambiar las imagenes deacuerdo al "value" en un formulario, pero al cambiar las url amigables ya no funciona bien

Código Javascript:

<script language="JavaScript">
function changeImage1(valor){   image = document.getElementById("tarjeta");     image.src = valor;}; 
function changeImage2(valor){   image = document.getElementById("entrenador");  image.src = valor;};
function changeImage3(valor){   image = document.getElementById("poke1");       image.src = valor;};
function changeImage4(valor){   image = document.getElementById("poke2");       image.src = valor;};
function changeImage5(valor){   image = document.getElementById("poke3");       image.src = valor;};
function changeImage6(valor){   image = document.getElementById("poke4");       image.src = valor;};
function changeImage7(valor){   image = document.getElementById("poke5");       image.src = valor;};
function changeImage8(valor){   image = document.getElementById("poke6");       image.src = valor;}
</script>
 

bueno, son muchos formularios pero creo que no es nesesario que los muestre todos, aquí esta el primero:

Código HTML:

<img alt="Imagen" id="tarjeta" src="/imagenes/tarjetas/platino.png"><br />
<select name="tarjeta" onchange="changeImage1(this.options[selectedIndex].value)">
 
    <option value="imagenes/tarjetas/platino.png">Edici&oacute;n Platino</option>
    <option value="imagenes/tarjetas/diamante.png">Edici&oacute;n Diamante</option>
    <option value="imagenes/tarjetas/perla.png">Edici&oacute;n Perla</option>
    <option value="imagenes/tarjetas/oro.png">Edici&oacute;n Oro Coraz&oacute;n</option>
 
    <option value="imagenes/tarjetas/plata.png">Edici&oacute;n Plata Alma</option>
</select>
 

El problema es que la url de este archivo es:
http://www.miweb.com/sitio/mi_archivo.html

entonces, el php no reconoce "sitio" como una carpeta ya que en realidad es
http://www.miweb.com/index.php?sec=sitio&subsec=mi_archivo

por eso los values los puse asi value="imagenes/tarjetas/oro.png", pero la etiquea img si reconoce "sitio" como una carpeta por eso en el scr le tengo que poner la "/" diagonal al principio de la ruta.

el problema es que ese código javascript que les acabo de mostrar solo se encarga de poner el value en el src de la imagen y como en el value no tiene la diagonal al principio la imagen no se muestra..

alguien me puede ayudar?

ya solucioné el problema, les dejo el codigo aver si a alguien le sirve:

Código Javascript:

<script language="JavaScript">
function changeImage1(valor){   image = document.getElementById("tarjeta");     image.src = "/" + valor;}; 
function changeImage2(valor){   image = document.getElementById("entrenador");      image.src = "/" + valor;};
function changeImage3(valor){   image = document.getElementById("poke1");       image.src = "/" + valor;};
function changeImage4(valor){   image = document.getElementById("poke2");       image.src = "/" + valor;};
function changeImage5(valor){   image = document.getElementById("poke3");       image.src = "/" + valor;};
function changeImage6(valor){   image = document.getElementById("poke4");       image.src = "/" + valor;};
function changeImage7(valor){   image = document.getElementById("poke5");       image.src = "/" + valor;};
function changeImage8(valor){   image = document.getElementById("poke6");       image.src = "/" + valor;}
</script>
 

Muchas gracias por su ayuda!