AnsweredAssumed Answered

Magnify image inside popup.

Question asked by dafiter Champion on Nov 20, 2014
Latest reply on Nov 25, 2014 by khutchins-esristaff

So I have a popup with an image linked in it. Is there any way to add a magnifier to the image? I want to be able to maginify the image in the popup if I hover over it. Right now the function I want to use does not change the url location based on the image location or name.

 

Example of what I am looking for:

demozoom.PNG

 

I am looking at the code in these examples:

Magnifier.js demo or the demo from dojox.image.MagnifierLite — The Dojo Toolkit - Reference Guide

 

 

This is where I call out the location of the image that displays in the popup (i have cut out useless nonsense in an attempt to shorten this code so it might not be 100% working) right now it uses a <a href="url" ></a>

            function executeIdentifyTask(evt) {    
                identifyParams.geometry = evt.mapPoint;    
                identifyParams.mapExtent = map.extent;    
               
                if (map.getScale() < 1000) {    
                    identifyParams.layerIds = [3,1,0];  // Identify all  
                } else {    
                    identifyParams.layerIds = [3];  // Identify photos only  
                }   
  
                var deferred = identifyTask.execute(identifyParams);    
    
                deferred.addCallback(function(response) {    
                  
                    return dojo.map(response, function(result) {    
                        var feature = result.feature;  
                        feature.attributes.layerName = result.layerName;
                        if (result.layerName === 'Cemetery_Plots') {
                            console.log(feature.attributes.Last_Name);
                            var template = new esri.InfoTemplate("${First_Name} ${Last_Name} ", "<a href=http://gis.ashland.or.us/cemetery/${Photo_loc} target='_blank'> <img src=${Photo_loc} WIDTH=150 HEIGHT=150></a> ");
                            feature.setInfoTemplate(template);
                        } 
  }
         return feature;
                    });
                });

popup.PNG

 

Thank you

Outcomes