Nefungující relativní odkazy – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Mám .htm dokument a v něm tento kód:

<img id="vyberport" style="margin: 0 0 -30px 0; border: 3px solid #D18718;" src="img/portrety/1.bmp" />

<input class="povolani" type="button" value="<" onclick="obrdol();"/>

function obrdol()

{

	switch(document.getElementById('vyberport').src) {

	case "img/portrety/1.bmp": {document.getElementById('vyberport').src = 'img/portrety/2.bmp'; break;}

}

On je tam problémek v tom, že:
1. když se koukneš na ten skriptík, vidíš, že tam více závorek začíná než končí ;-)
2. pravděpodobně je problém v tom, že když zadáš:

      alert(document.getElementById('vyberport').src);

Hotový skript ;-)

<script type="text/javascript">

function obrdol()

{

      var ele = document.getElementById('vyberport').src.split("/");

      switch(ele[ele.length-1]){

      case "1.bmp": {document.getElementById('vyberport').src = 'img/portrety/2.bmp'; break;}

      }

}

</script>

Díky moc, funguje jak má ;)