Java / HTML image change

[JakeNTech]

Hi. I need some help. I need to put a image into html web page. The image needs to change when the user clicks a button. An can loop if possible. Thanks in advanced ?

 

[fjdhdhcyfhf]

create an array of image URLs,

create a variable to use as index to the array

create a new javascript function that does the following:

increment the index 

check the index is not greater than image array length, if yes reset to zero

use document.getelementbyid() to get the image element

set the image element.src = imageArray[index]

 

[Guest]

A system I might want to build adds to Schischka's idea. Loading the previous and next image, in a hidden div. When you would click next or previous, the image was already loaded, so really fast to respond. In the mean time, the new (next or previous) image gets loaded inside the hidden div, so you don't really notice possible load times at all.

[JakeNTech]

 

18 minutes ago, SCHISCHKA said:

create an array of image URLs,

create a variable to use as index to the array

create a new javascript function that does the following:

increment the index 

check the index is not greater than image array length, if yes reset to zero

use document.getelementbyid() to get the image element

set the image element.src = imageArray[index]

 

Thanks dude. Will try it out tomorrow.

[JakeNTech]

5 hours ago, Dutch-stoner said:

A system I might want to build adds to Schischka's idea. Loading the previous and next image, in a hidden div. When you would click next or previous, the image was already loaded, so really fast to respond. In the mean time, the new (next or previous) image gets loaded inside the hidden div, so you don't really notice possible load times at all.

To be honest it's for school course work so I am not really bothered about speed. Might still give it ago though. 

[JakeNTech]

6 hours ago, Dutch-stoner said:

A system I might want to build adds to Schischka's idea. Loading the previous and next image, in a hidden div. When you would click next or previous, the image was already loaded, so really fast to respond. In the mean time, the new (next or previous) image gets loaded inside the hidden div, so you don't really notice possible load times at all.

OK. The images are of such a small size, kb, I don't think I need to. 

[JakeNTech]

Solved