blog documentation FAQ followers forum marketplace services youtube

solved Url of a custom image

The Jamroom Network » Forum » Design and Skin Customization » Page » Url of a custom image
Nmaster88
Nmaster88
@nmaster88
9 years ago
94 posts
I need to get the url of the images uploaded in the skin settings->images tab (that all skins have), but it seems i can only get the image in the site using:
{jrCore_image skin="wmWowmusic" image="fire.jpg"}

I want to know if there is a way to get the complete path for these images, the same way we have for images that are on the "img" folder:
ex: {$jamroom_url}/skins/jrElastic/img/img.jpg

The reason i want these url's is because i need them for use with jquery.
i'm doing something like what's on the annexed img.
apagar.jpg
apagar.jpg  •  53KB

aaaa.jpg
aaaa.jpg  •  91KB


updated by @nmaster88: 03/24/16 05:29:39PM
douglas
@douglas
9 years ago
2,790 posts
The example you posted should work.

<img src="{$jamroom_url}/skins/jrElastic/img/img.jpg">



--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
updated by @douglas: 12/22/15 01:13:20PM
michael
@michael
9 years ago
7,715 posts
If you've uploaded it via the "Select Images To Upload" button in the:
ACP -> SKINS -> ELASTIC -> IMAGES -> ADDITIONAL IMAGES

Right clicking on the image there and choosing "view image" takes you to this url:
site.com/image/img/skin/jrElastic/polarbears.jpg

That's the same one you want to use if you want to allow over-rides.

Another example:
http://site.com/image/img/skin/jrElastic/sn-twitter.png

The above url will show the image
http://site.com/skins/jrElastic/img/sn-twitter.png
UNLESS...... there has been an image uploaded in the IMAGES panel of elastic, then it will show:
http://site.com/data/media/0/0/jrElastic_sn-twitter.png

So use that function url to get the correct URL every time.
updated by @michael: 12/22/15 04:34:07PM
Nmaster88
Nmaster88
@nmaster88
9 years ago
94 posts
michael:
If you've uploaded it via the "Select Images To Upload" button in the:
ACP -> SKINS -> ELASTIC -> IMAGES -> ADDITIONAL IMAGES

Right clicking on the image there and choosing "view image" takes you to this url:
site.com/image/img/skin/jrElastic/polarbears.jpg

That's the same one you want to use if you want to allow over-rides.

Another example:
http://site.com/image/img/skin/jrElastic/sn-twitter.png

The above url will show the image
http://site.com/skins/jrElastic/img/sn-twitter.png
UNLESS...... there has been an image uploaded in the IMAGES panel of elastic, then it will show:
http://site.com/data/media/0/0/jrElastic_sn-twitter.png

So use that function url to get the correct URL every time.

Hi michael, thanks for the reply!

Yes, i've managed to make it work with the first option!
updated by @nmaster88: 12/24/15 06:11:51AM
michael
@michael
9 years ago
7,715 posts
:)

Tags