Using packaged images in a content-script

[Daniel Kantor]

I'd like to use images that I've included within my packaged extension inside a content-script. In CSS if I reference these images with relative paths - 

images/foo.png

then the path is relative to the document it is inserted in and not my extension. I think hardcoding these to my extension URL is a bad idea and would make testing very difficult. Does anyone have any ideas on how this can be made easier? Right now I am referencing images on my server, but this means I have duplicate images in my extension and the server and you can notice a small lag in load times as they are not local. 

thanks,

Dan

[str...@yahoo.com]

have you tried:

chrome.extension.getURL("images/foo.png"); ?

just use that if you want to use an image within your extension

[Mohamed Mansour]

Hey Daniel,

You would need to set the images via JavaScript (content script) not from your CSS while using chrome.extension.getURL('/img/logo.png'). I was hoping there was a better way doing this within content scripts. But I couldn't figure out how :)

-
Mohamed Mansour

--
You received this message because you are subscribed to the Google Groups "Chromium-extensions" group.
To post to this group, send email to chromium-...@chromium.org.
To unsubscribe from this group, send email to chromium-extens...@chromium.org.
For more options, visit this group at http://groups.google.com/a/chromium.org/group/chromium-extensions/?hl=en.

[PhistucK]

If you set them with JavaScript, you have to use chrome.extension.getURL(images/foo.png).

If you set them with CSS (meaning, somefile.css), you can use -

body {
  background-image:url('chrome-extension://__MSG_@@extension_id__/images/foo.png');
}

See this page for more information.

☆PhistucK

--

[Daniel Kantor]

I tried putting in __MSG_@@extension_id__ but that did not work. I am not supposed to substitute in my ID correct?

[PhistucK]

Not entirely sure what you mean.

☆PhistucK

[Daniel Kantor]

It worked within CSS that is on a packaged html page but not within CSS that was inserted using chrome.tabs.insertCSS

[Daniel Wagner-Hall]

http://crbug.com/39899 and http://crbug.com/43619

[Mohamed Mansour]

That solves my mystery, thanks for those bug report links :)  In the meantime, you can set the images via JavaScript, that is what I did for an overlay HTML I did last night (was using injectCSS and executeScript)

-
Mohamed Mansour

[Daniel Kantor]

Wow those 2 bugs are from April and May. Any chance they will be fixed?