Hi
I have created a CHUNK that opens a third party site’s catalogue inside my site using an ’IFrame’. However because the catalogue is pretty big it takes more than a few seconds to load and as it is not my site there is nothing I can do about this... Is there any way i can add a ’loading image’ that will disappear once the IFrame has completed loading?
In case it’s relevant my chunk uses the following code:
<iframe id='shrFrm' src='http://www.XXXXXX.com/8200497/collections/3100017/1' width='780' height='650' frameborder='0' marginheight='0' marginwidth='0'></iframe>
<script type='text/javascript'>
<!--
var regex=new RegExp('[\?&]shrPrm=([^&#]*)');
var res=regex.exec(window.location.href);
var shrPrm=(res!=null?decodeURIComponent(res[1]):'');
if(''!=shrPrm)document.getElementById('shrFrm').src=
'http://www.www.XXXXXX.com/'+shrPrm;
//-->
</script>
I have seen this done before so I spent some time searching but didn’t find anything that was of use... (or maybe I was looking for the wrong thing?
) but ideally I would like a small and simple animated gif image to center in the page to indicate loading.
Thanks
