在處理完動作後在php中增加變量？

Question

我的目標計劃：

1. 在我的index.php文件，顯示圖像。
2. 我想，當我用戶點擊該圖像時，應該顯示一個新的圖像。
3. 當他點擊新圖像時，應該會出現另一個新圖像。

我到現在爲止做了什麼？

<?php 
$mycolor = array("red.jpg", "green.jpg", "blue.jpg"); 
$i = 0; 
$cc = $mycolor[$i++]; 
?> 


<form method="post" action="index2.php"> 
<input type="image" src="<?php echo $cc; ?>"> 
</form> 

我知道是什麼錯誤。無論何時，頁面被重新加載，變量$ i被初始化爲零。如何解決這個問題。如何在點擊圖像後保留增加的值？

另外，我有沒有使用Javascript知識。所以，如果可能的話解釋我的php。

Answer 1

您有不同的可能性來記住$ i。 e.g：

$_GET：http://php.net/manual/en/reserved.variables.get.php

餅乾：http://php.net/manual/en/function.setcookie.php

會議：http://php.net/manual/en/features.sessions.php

也沒有必要使用的一種形式這個問題。只需用超鏈接包裝圖像，並通過增加參數（index.php？i = 1，index.php？i = 2，index.php？i = 3等）來修改網址。

Answer 2

您可以使用會議，餅乾或POST變量來跟蹤指數的，但有些你如何需要記住的最後一個索引，以便您可以+1按鈕。以下是使用另一個（隱藏）帖子變量的示例：

<?php 

    // list of possible colors 
    $mycolor = array('red.jpg', 'green.jpg', 'blue.jpg'); 

    // if a previous index was supplied then use it and +1, otherwise 
    // start at 0. 
    $i = isset($_POST['i']) ? (int)$_POST['i'] + 1 : 0; 

    // reference the $mycolor using the index 
    // I used `% count($mycolor)` to avoid going beyond the array's 
    // capacity. 
    $cc = $mycolor[$i % count($mycolor)]; 
?> 

<form method="POST" action="<?=$_SERVER['PHP_SELF'];?>"> 

    <!-- Pass the current index back to the server on submit --> 
    <input type="hidden" name="id" value="<?=$i;?>" /> 

    <!-- display current image --> 
    <input type="button" src="<?=$cc;?>" /> 
</form> 

Answer 3

<?php 
$mycolor = array("red.jpg", "green.jpg", "blue.jpg"); 

if (isset($_POST['i'])) { // Check if the form has been posted 
    $i = (int)$_POST['i'] + 1; // if so add 1 to it - also (see (int)) protect against code injection 
} else { 
    $i = 0; // Otherwise set it to 0 
} 
$cc = $mycolor[$i]; // Self explanatory 
?> 


<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>"> 
<input type="image" src="<?php echo $cc; ?>"> 
<input type="hidden" name="i" value="<?php echo $i; ?>"> <!-- Here is where you set i for the post --> 
</form>