Picture doesn't roll until i refresh the page.

On first page load, script seems to be inactive, so under source i get only that:

<img src="mywebsite/images/product/360%20image/1.jpg">

After i refresh the page, script seems to get activated so under source i get that instead (which is the correct one):

     <div id="reel-1426506451604-reel" class="reel-overlay frame-3">
       <img src="mywebsite/images/product/360/3.jpg" id="reel-1426506451604" class="reel">
       <img class="reel-cached" width="440" height="528" src="mywebsite/images/product/360/1.jpg">
       <img class="reel-cached" width="440" height="528" src="mywebsite/images/product/360/4.jpg">
       <img class="reel-cached" width="440" height="528" src="mywebsite/images/product/360/8.jpg">
       <img class="reel-cached" width="440" height="528" src="mywebsite/images/product/360/11.jpg">
       <img class="reel-cached" width="440" height="528" src="mywebsite/images/product/360/12.jpg">
       <img class="reel-cached" width="440" height="528" src="mywebsite/images/product/360/2.jpg">
       <img class="reel-cached" width="440" height="528" src="mywebsite/images/product/360/6.jpg">
       <img class="reel-cached" width="440" height="528" src="mywebsite/images/product/360/9.jpg">
       <img class="reel-cached" width="440" height="528" src="mywebsite/images/product/360/5.jpg">
       <img class="reel-cached" width="440" height="528" src="mywebsite/images/product/360/13.jpg">
       <img class="reel-cached" width="440" height="528" src="mywebsite/images/product/360/3.jpg">
       <img class="reel-cached" width="440" height="528" src="mywebsite/images/product/360/7.jpg">
       <img class="reel-cached" width="440" height="528" src="mywebsite/images/product/360/10.jpg">
     </div>

any idea?