joe00521
Posts: 55
Joined: Wed Apr 30, 2014 7:26 am

changing "loading..." label/font in "hs.htmlExpand"

Hi,

is it possible to change the "Loading.." text and/or the font/preloader image when clicking on a link to open a pop window using hs.htmlExpand?

http://www.roadrash.no/hs-support/full-size-popup.html

Thanks for any help.
MisterNeutron
Posts: 440
Joined: Sun Aug 18, 2013 11:20 am

Re: changing "loading..." label/font in "hs.htmlExpand"

You can change the text by adding this to your config:

Code: Select all

hs.lang.loadingText='Getting the picture...';
Other aspects of it are controlled by the .highslide-loading class in highslide.css:

Code: Select all

.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
You can use any normal CSS to style it.
joe00521
Posts: 55
Joined: Wed Apr 30, 2014 7:26 am

Re: changing "loading..." label/font in "hs.htmlExpand"

Hi MisterNeutron,

that exactly what I was looking for. Thanks a ton!
MisterNeutron
Posts: 440
Joined: Sun Aug 18, 2013 11:20 am

Re: changing "loading..." label/font in "hs.htmlExpand"

Glad that does the trick for you! :)

Post back if you get stumped by any piece of the puzzle.

Return to “Highslide JS Usage”