//image captions from array

[tim0fee]

Hi again!

Anyone know how to modify this script to display an associated image caption (maybe in a div underneath?) for each image - ideally from a text file please...?

Many thanks!

tim0fee

Script here:

<?php

// declare our page images 'in-waiting'...

$imageArr[0] = "path/to/image1.jpg";
$imageArr[1] = "path/to/image2.jpg";
$imageArr[2] = "path/to/image3.jpg";

?>

<script language=javascript>
<!--
var imageArr = new Array();
imageArr.currentIndex = 0;

<?php
foreach($imageArr as $index =>$imagePath){
echo " imageArr[$index] = '" . trim($imagePath) . "';\n";
}
?>

function nextImage(){
imageArr.currentIndex = (imageArr.currentIndex + 1) % imageArr.length;
idImage.src = imageArr[imageArr.currentIndex];
return true;
}

function prevImage(){
imageArr.currentIndex = (imageArr.currentIndex==0 ? imageArr.length : imageArr.currentIndex) - 1;

idImage.src = imageArr[imageArr.currentIndex];
return true;
}
// -->
</script>

<img src="<?php echo trim($imageArr[0]); ?>" id=idImage onclick="nextImage()">

[Rodney_H_]

I am not very good with javascript, so i tried an all php version. it works, but might not be what you are looking for...

<?php
if (isset($_POST['c'])){
$c = $_POST['c'] + 1;
	if ($c >= 4){ // reset value of counter to 1
	$c = 1;
	}
} else {
$c = 1;
}
if ($c == "1"){ // 1
$img = "images/keith1.jpg";
$caption = "Keith Moon on the &quot;Who's Next&quot; tour.";
}
elseif ($c == "2"){ // 2
$img = "images/keith2.jpg";
$caption = "Keith Moon with Paul and Linda McCartney backstage,";
}
else { // 3
$img = "images/keith3.jpg";
$caption = "Keith showing off his new double bass drum kit.";
}
?>

<form action="" method="post">
<div class="image"><input type="image" name="image" onClick="submit();" src="<?php echo $img; ?>" /></div>
<div class="caption"><?php echo $caption; ?></div>
<input type="hidden" name="c" value="<?php echo $c; ?>" />
</form>

Of course you would have to be a Who fan to appreciate it. 🙂

[tim0fee]

Rodney H!

That works brilliantly - and much better than using js methinks!! ;-? Thanks loads for replying!

Is it ok for me to to extend the elseif clause if I'm adding more images, or will that crash the server ?

tim0fee - (newest member of the Who fanclub!) :-)

[Rodney_H_]

Great. Glad it works. Expand away. You can use as many as you like or restructure it using switch

Kind regards,