Adding Animation To Image Change

I have just implemented an extension in opencart which allows me to click on a thumbnail to change the main image, the only problem is, is just changes the image which no animation

Solution 1:

You can use this,

thumbs.on('click',function(e){
        e.preventDefault();
        images.hide('slide', {direction: 'left'}, 1000);
        images.eq(thumbs.index(this)).show('slide', {direction: 'left'}, 1000);
    });