Using remote images

Add-ons Development
#1

I’m developing an addon for a forum community and want its users to be able to add specific images to their signature. I append the img url to the signature editor like this:

signature.append($("<img>", { border: 0, src: "https://i.imgur.com/z0XFpPI.png" }))

This does not pass review because: Remote resources (eg images, fonts, CSS, etc) can be used for tracking (it will be allowed if the resource is from the same domain as the page the user is on). Please include them in the addon.

Including the image in the addon is not possible because everyone should be able to see it. Using data URIs is not possible because the forum only accepts normal URLs. The forum doesn’t offer image hosting either so it’s not possible to use the same domain.

How can I solve this?

#2

Who is choosing the signature? The addon developer or the addon user?

If the choice is with the addon user, then it can be done via user-preferences. That way, it would be allowed since user has chosen the remote image.

The way it is, the addon developer is choosing the image.

Addon can have a place for the user to insert their own image source and/or a list of pre-define images in the addon option.
Please display the images to the user so that the user can make an informed selection.

#3

The users are presented with 3 buttons to choose from, each showing the size of the image in pixels (for example 50x50).

Will showing the actual images make the addon pass review? I understood from the emails I got that the issue comes from the images being remote. This is what was said to me:

Images that are dynamic and cannot be included in the add-on are ok to load remotely. Those images that are static must be included in the add-on.

#4

Dynamic images are thinks like maps which change with every request.

https://i.imgur.com/z0XFpPI.png is not a dynamic image.

If user chooses the image, then it is fine. Please read my previous post.

#5

I understand. I’ll replace the text buttons with the actual images and see if that passes review. Thanks!

#6

I’m sorry for commenting again but what difference does it make if I show the image before adding it? Either way I’m accessing a remote image which is what the review complained about.

Showing the image before adding it to the signature appends it to the button and not directly to the signature editor, but essentially makes no difference; The code that is “not ok” is still there, just at a different line.

#7

You are missing the point.

Addon should have options.

In the options, user can select a signature image
Once user selects that image, or add an image of choice, then addon uses preference data for image source.

User must select the image.

Addon is now selecting the image for the user.

So …

signature.append($("<img>", { border: 0, src: user.selected.source }))

#8

But that defeats the purpose. I’m trying to make it more convenient for the user to add one of several images that are offered. The user could also just copy and paste the image url from some text box and add the image manually, but that is just more work for the user.

The interface looks like this. I want the user to be able to click on 1,2 or 3, and add to their signature the image they clicked on.

Is that not possible?