I am trying to process through an array of images but my index isn't working the way I thought it would. Here is the code:
<script language="JavaScript">
var image_names = new Array("AA_0_001.jpg","AA_0_002.jpg","AA_0_003.jpg","AA_0_004.jpg","AA_0_005.jpg","AA_0_006.jpg","AA_0_007.jpg","AA_0_008.jpg","AA_0_009.jpg","AA_0_010.jpg",
"AA_0_011.jpg","AA_0_012.jpg","AA_0_013.jpg","AA_0_014.jpg","AA_0_015.jpg","AA_0_016.jpg","AA_0_017.jpg","AA_0_018.jpg","AA_0_019.jpg","AA_0_020.jpg","AA_0_021.jpg","AA_0_022.jpg",
"AA_0_023.jpg","AA_0_024.jpg","AA_0_025.jpg"
;
var a_image;
var image_index = 0;
function nextPic(image_index) //Function
{
// process forward through image array and display image to target frame for page,
if (image_index > image_names.length)
{
image_index = 0
parent.target.document.target_pic.src = image_names[image_index];
}
parent.target.document.target_pic.src = image_names[image_index];
image_index++;
}
</script>
</head>
<a href="#" onClick="nextPic(image_index); return false;">Next</a>
What is not correct with this logic?
Thanks for any help!!
<script language="JavaScript">
var image_names = new Array("AA_0_001.jpg","AA_0_002.jpg","AA_0_003.jpg","AA_0_004.jpg","AA_0_005.jpg","AA_0_006.jpg","AA_0_007.jpg","AA_0_008.jpg","AA_0_009.jpg","AA_0_010.jpg",
"AA_0_011.jpg","AA_0_012.jpg","AA_0_013.jpg","AA_0_014.jpg","AA_0_015.jpg","AA_0_016.jpg","AA_0_017.jpg","AA_0_018.jpg","AA_0_019.jpg","AA_0_020.jpg","AA_0_021.jpg","AA_0_022.jpg",
"AA_0_023.jpg","AA_0_024.jpg","AA_0_025.jpg"
var a_image;
var image_index = 0;
function nextPic(image_index) //Function
{
// process forward through image array and display image to target frame for page,
if (image_index > image_names.length)
{
image_index = 0
parent.target.document.target_pic.src = image_names[image_index];
}
parent.target.document.target_pic.src = image_names[image_index];
image_index++;
}
</script>
</head>
<a href="#" onClick="nextPic(image_index); return false;">Next</a>
What is not correct with this logic?
Thanks for any help!!