have a problem with image select

[Mike]

I have var image but can't seem to make the image appear with $ ('#wrapper').css('background-image','url('+image+')','background-repeat','no-repeat');
can I get a little please

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Feb 13, 2016 8:44:11 GMT -8 Mike said:

I have var image but can't seem to make the image appear with $ ('#wrapper').css('background-image','url('+image+')','background-repeat','no-repeat');
can I get a little please

bad syntax perhaps
var image= 'http://storage.proboards.com/1/a/DGVod4K4MidrAKgq1YTi.png';
$('#wrapper').css({'background-image':'url('+image+')','background-repeat':'no-repeat'});
However if you notice that you may not see the image, it is hidden by something

var image= 'http://storage.proboards.com/1/a/DGVod4K4MidrAKgq1YTi.png'; $('#wrapper').css({'background-image':'url('+image+')','background-repeat':'repeat'});

That will repeat the image to test if perhaps it is being covered

[Mike]

Thanks for the insight I'll try it but i'm using an image from my computer. I uploaded it to utility images.

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Feb 13, 2016 11:24:13 GMT -8 Mike said:

Thanks for the insight I'll try it but i'm using an image from my computer. I uploaded it to utility images.

You must have a direct link from an image host that allows it like imgur.com

[Mike]

Huh so why is there an option there for a computer image?

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Feb 13, 2016 13:27:52 GMT -8 Mike said:

Huh so why is there an option there for a computer image?

Most sites allow you to let other people download the image. But without sharing it directly. You need hotlinking

[Mike]

Ok thanks man

[Chris]

I'm not sure what "uploaded it to utility images" means but if you're saying you used the image tab while in plugin build mode to upload the image then yes you can use that by inserting it in your code as a variable that will be replaced by an actual url when the code is delivered to a browser. So for example you uploaded a file from your computer named "DGVod4K4MidrAKgq1YTi.png" then you'll see it is given the name "DGVod4K4MidrAKgq1YTi" by default (you can change that usable name to anything you want by clicking that icon next to the name). You then reference the image in your code by the name using pb.plugin.get('my_plugin_id').images.DGVod4K4MidrAKgq1YTi (JS Component) or $[plugin.images.DGVod4K4MidrAKgq1YTi] (headers/footers component).
To tie that in with the given example 
var image = pb.plugin.get('my_plugin_id').images.DGVod4K4MidrAKgq1YTi;


I bring this up only because imgur has recently modified their TOS regarding using their service for content delivery and have already started blocking entire domains for this infraction [read]. Thankfully Proboards forums are still able to access the service but that could change in an instant and plugins that rely on images hosted there could be seriously impacted almost as much as forums that rely on them to host hundreds of images.

[Mike]

ok that explains it. so i can use images off my computer.
thanks for the info