Image path in Javascript

[Pieter Haro, modificado hace 12 años.]

how to specify the image path in Javascript from Liferay

abcd.js

var A_TCALDEF = {
	'months' : ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
	'weekdays' : ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
	'yearscroll': true, // show year scroller
	'weekstart': 0, // first day of week: 0-Su or 1-Mo
	'centyear'  : 70, // 2 digit years less than 'centyear' are in 20xx, othewise in 19xx.
	[b]'imgpath' : '../img/'[/b] // directory with calendar images
}

[Advait Trivedi, modificado hace 12 años.]

Hi Pieter,

IMHO both the options are OK -

1. an absolute path with theme context "/mytheme/img/myimg.jpg"
2. also a relative path - "../img/myimg.jpg". Note here that path is relative to the JS file.

I am not sure if any one of the above is preferred by Liferay gurus.

Best,
Advait

[Samir Gami, modificado hace 12 años.]

Pieter,

You can use absolute path with the javaScript, like
"/Test-portlet/img/myImage.jpg" [ /{Portlet-Name}/img/{imageName} ]

[Rupesh Chotai, modificado hace 11 años.]

Hi Samir,
I was looking for the same issue where I have to get the image path in js file and your suggestion worked.
Thanks.

[Amos Fong, modificado hace 12 años.]

I think you can use the themeDisplay javascript object:

themeDisplay.getPathThemeImages()

Should return something like:
/test-theme/images