Wikitude

I am using 

for(var i=0;i<storyCount;i++) // in function
   {
    globalstorycatchme=i;
storyAnimatedObject[i] = new AR.AnimatedImageDrawable(new AR.ImageResource(storyImage[i]),parseFloat(spriteHeight[i]),parseInt(spriteKeyFrameWidth[i]),parseInt(spriteKeyFrameHeight[i]),{                                                                    offsetX: spriteoffsetX[i],                                                                offsetY: spriteoffsetY[i],                                            onClick:function()                                                                      {}                                                                     });
storyAnimatedObject[i].animate(mainStoryAnimationArray[i],parseInt(frameDuration[i]),animationRepeat[i]);
}

to display image on camera. But sometimes one story gets over ride on another story. I have attached screenshot for more clerification.

Hello Eva,
Thanks for Reply.

i am using 6 version sdk with Javascript API. 
It happens on IOS and Android OS devices.

Hello Eva,
The below-attached file is my code base i have used for my application. In this below of Video Playing,  i have loaded the video by using ImageDrawable method. I show object on camera by using storyAnimatedObject object with animate method.

Hello Eva,

I have used to display for loop to display one image after another. Also, i have used AnimatedImageDrawable class with an animate method. But still having an issue with image overrides. Don't you understand from my given code?. the same code i have used in my application.

Hi EVA,

Thank You for your support.

The thing is, I am creating multiple stories using several images. It means one story has 20 to 30 images in it. In that to get images of each story iI have used for loop to push stories in storyAnimatedObject[i] object. And after pushing all stories in object i play them one after another with the help of animate method.

And i am using below given object and method to display video. i have used play, stop, resume method of videodrawable.

for(var p=0;p<checkStoryVideo.length;p++)
{
videodrawable[checkStoryVideo[p]] = new AR.VideoDrawable(videoArray[p], 1.0, {
                                                         offsetX: videoOffsetX[p],
                                                         offsetY: videoOffsetY[p],
                                                         });
}