title: Show a loading gif while iframe page content loads
body: <p>I searched and tried various solutions to what I'm trying to achieve, to no avail...</p>
  
  <p>I'm working on a photography website which has a high volume of images loading in an iframe, which takes a bit of time to load.  I want to show a loading gif image in the iframe until the images have finished loading.</p>
  
  <p>Here is the website in question, <a href="http://www.chriszachary.com/portfolio" rel="noreferrer">http://www.chriszachary.com/portfolio</a></p>
  
  <p>I'm using a javascript motion gallery to allow the user to control image scrolling with their mouse.  The images do not scroll until the page is fully loaded.  To help minimize confusion, I figured a loading gif image would be more efficient, but I can't pull it off.  If you click any of the portfolio categories (wedding, engagement, portrait) you'll notice a significant wait time to load the images.</p>
  
  <p>If anyone could let me know how to achieve this within the iframe, please let me know.  And if you could be specific on what code to use and where, I'm a novice :|</p>
  
  <p>Thanks in advance, looking forward to an answer :)</p>