I almost have no experience with JAVASCRIPT, so I've searched a lot for a carousel with right & left arrows & lightbox (fancybox). & finally I found it ... but when I click left or right arrow , the all images row slide left or right. I need it to slide normally one image by one. How can I modify that, please ?

[Here is an image describe how the carousel look](https://i.stack.imgur.com/ZfqnJ.jpg)

I already done with copying the carousel to my website, but the only issue is that the all images row slide left & right ... so when the user click left, the current four images got replaced with the next four images.

it's hard to write all needed codes here, I think the others Javascript files make effect on the final result. So, I attached all the needed files.[Website's Files](https://drive.google.com/open?id=0B8MKg-Yw-ODlN2xXRGJMN3Z0b0E)