در این خودآموز با نحوه ی ایجاد یک انیمیشن با استفاده از جاوااسکریپت و html آشنا خواهید شد.

ابتدا دو فایل با نامهای index.html و carousel.js ایجاد می کنیم . برای این پروژه به تعدادی عکس با فرمت png نیاز داریم که اسامی و  آدرس آنها را در یک آرایه نگهداری می کنیم. چون در این پروژه عکسها و صفحه ی وب ما در یک فولدر قرار دارند و برای عکسها فولدر جداگانه ایی در نظر نگرفته ایم فقط اسم عکسها را می نویسیم و در آرایه نگهداری می کنیم. کدهای مربوط به نمایش این عکسها را در صفحه نمایش و توابع مورد نیاز برای حرکت این عکسها و نمایش پیغام هنگامی که کاربر بر روی هر یک از عکسها کلیک نماید و … را در carousel.js قرار می دهیم.