/*
  GsImageSequence.js
  GsImagesSequence , a simple way to viewing images sequence in a row , for example for obj image 360 VR or video , ... etc
  .................................
  Code by Diaco-M-Lotfollahi :
    www.diacodesign.com
    twitter.com/Diaco_ml
    codepen.io/MAW
*/
var anim = {frame:0} , totalImages = 30 , duration = 1 ; // set totalImages to your images counts
TweenMax.to(anim , duration , {frame:totalImages, roundProps:"frame", onUpdate:updateHandler });

function updateHandler() {
  image.attr("src", "images/your-image-name-"+anim.frame+".png");
}