I want to write a JQuery script that it inserts an image before a DIV.

But can't figure out a way to write it so that the domain of the URL
isnt hard coded.

see below:

$(document).ready(function(){
   
    $('<a href="http://anothersite.com">
<img src="http://mysite.com/images/transparent.gif" />
</a>').insertBefore('div.player');
            
    };
            
});

That works fine. But if the domain moves it will break.
I wonder if there is some kind of jQuery placeholder for the
current domain?

Maybe use something like this?

var pathname = window.location.pathname;

and explode it using slashes?

Couldn't you just use relative paths? Like

EDIT: The first example was suppose to be "../images/transparent.gif", but the forum keep adding the forum address when I post it

<img src=../images/transparent.gif">

or

<img src="/images/transparent.gif">

Or use root relative paths

 <img src="/includes/images/folder/image.ext" alt="" />

The first example was suppose to be "../images/transparent.gif", but the forum keep adding the forum address when I post it

To stop that happening uncheck the "Automatically link URLs in post in the "Advanced" post interface.

Originally Posted by chrishirst

Or use root relative paths

 <img src="/includes/images/folder/image.ext" alt="" />

Will give that another try but I think I did that before and couldnt get it to work.