I have a function getImgurUrl() and I want what it returns to be the src value of a img tag.

How can I do this?

my function:

function getImgurUrl() {
    //get imgur url for current image
    var cookieArray = document.cookie.split(";");
    var encodedURL = cookieArray[2].split("=");
    var decodedURL = decodeURIComponent(encodedURL[1]);
    return decodedURL;
}

and img tag:

<img id="image" name="image" src=""  alt="If you're seeing this something is wrong.">

I have a function getImgurUrl() and I want what it returns to be the src value of a img tag.

How can I do this?

my function:

function getImgurUrl() {
    //get imgur url for current image
    var cookieArray = document.cookie.split(";");
    var encodedURL = cookieArray[2].split("=");
    var decodedURL = decodeURIComponent(encodedURL[1]);
    return decodedURL;
}

and img tag:

<img id="image" name="image" src=""  alt="If you're seeing this something is wrong.">

• javascript
• html
• function
• image
• src

2 Answers 2

window.onload = function() {
    document.getElementById("image").src = getImgurUrl();
};

function getImageUrl(imageId) {
  return document[imageId].src;
}

<img id="mike" src="http://yoursite./images/1.jpg" />

I haven't tested this but you get the idea.

I'm not sure what you're doing with the cookie logic so just kept example simple.

--

I would remend you add jQuery to handle cross-browser patibility as getElementById or others may not work all the time and all versions, also document. might not as well and sometimes it's window.functionName()

In jQuery you would reference the image src similarly but in my return, you'd concat a pound symbol with the id:

return $('#' + id).src;