Edge Commons Spotlight problem

Hi,

try to use the following snippet below in you JS to load the project path (in your case /wp-content/uploads/edge_suite/project/custommap_1/) into ‘path_prefix’. You then need to add the path prefix to all your images, like path_prefix + ‘images/LuvYurMutt.png’

var path_prefix = '';
  if (AdobeEdge && AdobeEdge.pathPrefix && AdobeEdge.pathPrefix.comps && AdobeEdge.pathPrefix.comps[compId]) {
    path_prefix = AdobeEdge.pathPrefix.comps[compId] + '/';
  }

Hope that works, didn’t test spotlight before, should definitely take a closer look, just don’t have the time at the moment, sorry…

Ok that got me close.

https://doug-harper.com/custom-map-in-edge-animate/wp-content/uploads/edge_suite/project/custommap_1/images/tipton.png

If I can drop the bold, I should be good. That’s the name of my post btw.

Not sure what you have tried, by looking at your page source, you have AdobeEdge.pathPrefix.comps[‘EDGE-86281901’] = ‘https://doug-harper.com/wp-content/uploads/edge_suite/project/custommap2_2’ in there, so the above snippet should load ‘https://doug-harper.com/wp-content/uploads/edge_suite/project/custommap2_2’ into the variable path_prefix, not sure where ‘custom-map-in-edge-animate’ is coming from.

‘custom-map-in-edge-animate’ is my post title/url

i added the snippet to creation complete, then changed the image path in my click event (only for the bottom heart). Then published it to a new OAM.

Ok, I still don’t get how ‘custom-map-in-edge-animate’ comes up in your image path as it isn’t contained in the path_prefix variable and I don’t assume you add it manually.

Looks like you got it working on your site, can I close the issue?

yes close it.