文件夹中有一些图像,文件中有图像名称。 我想根据单击的按钮显示图像。
<!DOCTYPE html>
<html>
<head>
<title>Your Album</title>
</head>
<body>
<form method="post">
<input type="submit" name="first" value="FIRST">
<input type="submit" name="previous" value="PREVIOUS">
<input type="submit" name="next" value="NEXT">
<input type="submit" name="last" value="LAST">
<input type="submit" name="dele" value="DELETE">
</form>
<br>
<?php
$fp = fopen("imgname.csv","r");
$line = fread($fp,filesize("imgname.csv"));
$item = explode("\n", $line);
$count;
$sizecsv = sizeof($item);
if(isset($_POST['next'])) {
$count++;
echo "<img src='images/$item[$count]' width='250px'>";
echo "<br>","Image No: ",$count+1;
}
if(isset($_POST['previous'])) {
$count--;
echo "<img src='images/$item[$count]' width='250px'>";
echo "<br>","Image No: ",$count+1;
}
if(isset($_POST['first'])) {
$count = 0;
echo "<img src='images/$item[$count]' width='250px'>";
echo "<br>","Image No: ",$count+1;
}
if(isset($_POST['last'])) {
$count = $item[$sizecsv-1];
echo "<img src='images/$item[$count]' width='250px'>";
echo "<br>","Image No: ",$count+1;
}
?>
</body>
</html>
这是我的代码。我将图像名称存储在数组中,并尝试根据单击的按钮操作索引。这适用于“第一”按钮,但不适用于其他任何按钮。我不明白这个问题。是不是每次单击按钮都会重新加载页面,并且$ count的值会丢失。 请给出一个解决方案。 另外我对php还是陌生的,因此,如果您可以保持简单,那将是有帮助的。预先感谢。
答案 0 :(得分:0)
我会循环进行。
$i = 1;
while($i<=100){
$name = $i<10?"0".$i:$i;
echo "<a href='images/".$item.".jpg' class='image'>
<img src='images/thumbs/image".$name.".jpg' alt=''/>
</a>";
$i++;
}
不确定要处理多少张图像,但我将其设置为100张。请务必进行相应调整。
答案 1 :(得分:0)
我假设您的csv文件数据是用新行分隔的文件名数组,如下所示:
some-img-01.jpg
img-02.jpg
img-05.jpg
....
请检查以下代码。 我已经对代码进行了重组,以在每个页面加载之间传递状态(如果以前的帖子中存在)。在这里,我将其设计为循环-如果从头到尾单击,则从第一个开始;如果从第一个位置单击上一个,则从第一个跳到最后。您可以通过注释掉适当的行(检查注释)来禁用此功能。
<?php
$current_index = isset($_POST['current_index'])? intval($_POST['current_index']) : 0;
$fp = fopen('imgname.csv', 'r');
$line = fread($fp, filesize('imgname.csv'));
fclose($fp);
$item = explode("\n", $line);
$sizecsv = sizeof($item);
$current_index = isset($_POST['current_index'])? intval($_POST['current_index']) : 0;
if ($current_index >= $sizecsv) $current_index = ($sizecsv - 1);
if ($current_index < 0) $current_index = 0;
if (isset($_POST['next'])) {
$current_index++;
// If reached end of the list, then clicked next, the index starts from firt again.
// If you dont need this feature, then can comment the following line.
if ($current_index >= $sizecsv) $current_index = 0;
}
if (isset($_POST['previous'])) {
$current_index--;
// If the indexin first image, but clicked the Previous button, then the index goes to last element.
// If you dont need this feature, then can comment the following line.
if ($current_index < 0) $current_index = ($sizecsv - 1);
}
if (isset($_POST['first'])) $current_index = 0;
if (isset($_POST['last'])) $current_index = ($sizecsv - 1);
?><!DOCTYPE html>
<html>
<head>
<title>Your Album</title>
</head>
<body>
<form method="post">
<input type="text" name="current_index" value="<?php echo $current_index;?>"/>
<input type="submit" name="first" value="FIRST"/>
<input type="submit" name="previous" value="PREVIOUS"/>
<input type="submit" name="next" value="NEXT"/>
<input type="submit" name="last" value="LAST"/>
<input type="submit" name="dele" value="DELETE"/>
</form>
<br>
<img src="images/<?php echo $item[$current_index];?>" width="250px"/>
<br>, Image No: <?php echo ($current_index + 1);?>
</body>
</html>