title: Is it possible to replace an image in a web page based on the user's geolocation?
body: <p>I've been looking hard on Google for some information on this but I haven't come up with anything. Anyhow, what I want to do is change the image source (either for img tag or background-image css property) based on the users location.</p>
  
  <p>Looking to leverage of the HTML5 Geolocation feature and then run a conditional statement that compares their location to a number of set locations (as variables). The function finds the set location that the user is closest to and then replaces the image based on the result. I am thinking this could be done with latLong - hopefully just comparing numbers with operator functions.</p>
  
  <p>I'm fairly sure this would be done with Jquery/Javascript - injecting the necessary HTML/CSS into the page upon the results of the function. Just still wrapping my head around it.</p>
  
  <p>Has anyone done or seen anything like this before so I can look at how the code is structured so I could verify my assumptions? JS is not my biggest strength and any advice or help would be most helpful.</p>