For the question below, replace with your own images for the image carousel and change the numbers underneath to show thumbnails of each respective image instead. Edit the for FOR loop in the HTML to get the output that will replace the numbers with thumbnails.

JavaScript

//photos: will hold the filename of each image to be displayed

//photoindex: is the index of the photo, within the photos[] array, that is currently displayed

var photos = new Array();

var photoindex = 0;

//popuate the photos[] array

photos[0]="IT.jpg";

photos[1]="WhyIT1.jpg";

photos[2]="WhyIT2.jpg";

photos[3]="WhyIT3.jpg";

photos[4]="WhyIT4.jpg";

photos[5]="WhyIT4a.jpg";

photos[6]="WhyIT5.jpg";

photos[7]="weloveweb.png";

photos[8]="WhyIT6.jpg";

photos[9]="WhyIT8.jpg";

photos[10]="WhyIT7.jpg";

photos[11]="ITHolidayImage.gif";

//move backward, by one, within the photos array

//check to be sure that you are not moving outside of the array bounds

function backward()

{

if (photoindex > 0)

{

document.images.p.src = photos[--photoindex];

}

}

//move forward, by one, within the photos array

//check to be sure that you are not moving outside of the array bounds

function forward()

{

if (photoindex

{

document.images.p.src = photos[++photoindex];

}

}

//go to a particular photo within the photos array

//check to be sure that you are not moving outside of the array bounds

function goto(n)

{

if (n = 0)

{

photoindex = n;

document.images.p.src = photos[photoindex];

}

}

//-->

HTML

		>>

CUERY ORMSOL IS PHP BOOTSTRAP OLERPLATE ONS UMERACO ASP NE ANG.LARIS ASPX RESPONSIVE CLOUD CRW NTRANET FTP AZURE ISON NODE KNOCKQUTIS SIGNAL OZILLA APACHE SAFAR SASS HTTP WYS MOBLE AIAX sv 45 01234567891011