Question

This is an example that shows what’s my problem.

I’m writing a chrome extension that should replace google’s logo in google main page (google.com). So I create a content-script that uses this javascript+jQuery code to do it (Please forgo google doodles!):

$("#hplogo").attr("src","the_address");

This content-script matches with https://*.google.com/ which contains google’s main page.

Okay. If I put in the_address an image address which is uploaded on the internet, the extension works properly and gives me ideal result.

But since I don’t want my extension to make loading time long for slow connections, I’m going to set the image’s src to a file from hard disk.

So I put the image file to extension’s folder then I tried the file name (eg : image1.gif) as the_address, but this time, the chrome doesn’t load the image.

What have I to do? Thanks, gúys.

Answer 1

For obvious reasons the image won’t load, I assume it is still using the webpage’s domain. You may need to use chrome.extension.getURL, which allows you to link resources from an extension directory.