Doesn't display pictures correctly

Hi there,

apalogize if this is something simple but I wasn’t able to resolve it for past days and it’s driving me crazy.

On our dev website is a menu with arrows pointing down and to the right where it expands. Though the pictures are there and the links are correct (relative links) the WordPress installation doesn’t display them and only make them as relative links, does not generate them absolute into the code.

so the js says:
arrowimages: {down:['downarrowclass', 'wp-content/themes/langport/images/darrow.png', 23], right:['rightarrowclass', 'wp-content/themes/langport/images/rarrow.png

but the website displays
<img class="downarrowclass" style="border:0;" src="/wp-content/themes/langport/images/darrow.png">

instead of
<img class="downarrowclass" style="border:0;" src="https://118.127.34.203/~langport/wp-content/themes/langport/images/darrow.png">

https://118.127.34.203/~langport/ – if opened in IE9 you can see the missing pictures in the menu immediately