Adding an image to a Zimlet JS file...

[Chewie71]

I have an more_info.png file stored in a Zimlet. How do I have that image appear in a Zimlet dialog using JS?

var div = document.createElement("div");
div.innerHTML = '<img src="more_info.png">'

All that appears in the dialog is a broken image item.

Matt

[lfasci]

yu can use css, for a zimlet you can specify a css file you can put the following text

.img_logo{
background: url(myimg.gif) no-repeat;
width: 135px;
height: 45px;
}

the in javascript use: <div class='img_logo'/>

the myimg.gif must be in the zimlet's folder.

[scotty]

You can also define it as a resource in your Zimlet xml file:

    <resource>more_info.png</resource>

Then use getResource to get the URL for it:

div.innerHTML = "<img src='" + this.getResource('more_info.png') + "' border='0'/>";

As with the CSS technique, you need to put the image in the zimlet directory.