About reel.jQuery [resize & Autoplay with Loop]

See more:

Javascript

jQuery

I am using jQuery Reel Plugin for displaying a product's 3D view with 100/more images. All images are dynamically attaching to data-images (via base64 embedded source). Like if user click on "product1" than images (already in base64) will be attached to the html tag as shown below:

for (var i = startIndex; i <= endIndex; i++) {
            aImage[imgIndex] = new Image();
            aImage[imgIndex].src = loadImage(i);

            img.images.push(aImage[imgIndex]);
            imgIndex += 1;
        }

$("#imgFront").speed = 0.3;
$("#imgFront").frames = imgIndex-1;
$("#imgFront").reel();

now, the problem is : the images which I am loading (for data-images) is displayed very big in size (zoom x#4, which obviously does not fit in my img control), but when I use the same base64 image code for displaying directly in img control (i.e. ) it displayed proper without zooming. Also when I applying these base64images directly in data-images, it display properly without any zooming.

also, after the .reel() command the picture doesn't start rotating... like it is starting automatically when page loading.

Someone, please help me...