Joomla Templates Club 406,261 posts

[oharris3 Friend oharris3Join date: June 2011Posts: 87Downloads:60Uploads:16 Thanks: 6 Thanked: 2 times in 1 posts]

#191084

Using the JA image hotspot module, I have approximately 8 different markers on a map. But the markers take a long time to fully load and settle at their respective points.

How can I get them to just simply load without any sliding/easing effect. I looked at this thread http://www.joomlart.com/forums/topic/speed-of-the-map-points-in-ja-image-hotspot-module/, but found no solution to assist.

See demo site: http://www.icac.org.jm/newsite/jupgrade/

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#507907

You can change to speed up loading of Image Hotspot markers

Open templates/ja_beranis/less/style.less file

From


.loopingClass (@index) when (@index > 0) {
(~".animate-img .jai-map-wrap .point@{index}") {
.transition(all unit(@index+0.2,s) ease-out unit(@index,s));
}
.loopingClass(@index - 1);
}

Change to

.loopingClass (@index) when (@index > 0) {
(~".animate-img .jai-map-wrap .point@{index}") {
.transition(all unit(1+0.2,s) ease-out unit(1,s));
}
.loopingClass(@index - 1);
}

Let me know if it helps

[oharris3 Friend oharris3Join date: June 2011Posts: 87Downloads:60Uploads:16 Thanks: 6 Thanked: 2 times in 1 posts]

#507938

Worked fine. Thank you.

[oharris3 Friend oharris3Join date: June 2011Posts: 87Downloads:60Uploads:16 Thanks: 6 Thanked: 2 times in 1 posts]

#507952

Are there classes that can change the marker image or how can I change them? I need to change them from white.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#507977

This way will help you to do that

Open templates/ja_beranis/less/modules.less file

find

.ja-home .jai-map-container .point {
background: url("@{T3ImagePath}/point-bg.png") no-repeat left top;
height: 25px;
width: 17px;
}

Image path: templates/ja_beranis/images/point-bg.png

[oharris3 Friend oharris3Join date: June 2011Posts: 87Downloads:60Uploads:16 Thanks: 6 Thanked: 2 times in 1 posts]

#508030

Worked fine. Thank you much.

[oharris3 Friend oharris3Join date: June 2011Posts: 87Downloads:60Uploads:16 Thanks: 6 Thanked: 2 times in 1 posts]

#909103

I have turned off Development mode and Optimized css and js. So now the loading of Image Hotspot markers are back to slow, even though i did change the line of code in templates/ja_beranis/less/style.less file

How can I get it to speed up the loading of the images again? See site at http://www.icac.org.jm/

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#909249

@oharris3: When you change the LESS files, you need to click Compile LESS to CSS button (ALWAYS backup your site first because compiling less to css will override all current css files on your site) and it will compile LESS to CSS files.

Go to Admin site -> Extensions -> Template Manager -> JA Beranis template and set On Optimized CSS and JS

[Author]

Posts