I am using highslide to load an image via ajax and display it in a pop up window. The code I am using is:
Code: Select all
<script type="text/javascript">
hs.cacheAjax = false;
hs.preserveContent = false;
hs.graphicsDir = '/js/highslide/graphics/';
hs.showCredits = false;
hs.outlineType = 'rounded-white';
hs.lang = {restoreTitle : "Click to close image. Click and drag to move."};
</script>
To open the popup:
Code: Select all
$(document).ready(function({
...
$('#airportCamLink').click(function(){
return hs.expand(this);
});
...
}));
The problem I'm having is highslide appears to be caching the image even though I have disabled ajaxcaching using hs.cacheAjax = false;. When I initially bring up the page and click the link it fetches the latest picture. From that point forward, clicking the link only shows me the same picture. I have verified that manually getting the link refreshes the picture properly (the picture has a timestamp printed on it). I also noted that the first time I click the link, I can see the request in the network tab of Chrome's developer tools, but subsequent clicks do not show a network request. Is there another setting that applies here? I'm using Highslide version 4.1.12.
Thanks,
Troy