php - 使用单击但在同一页面上(DIV 标签)动态显示上一张/下一张图像 -

Question

我正在更新my previous question这里。我将图像存储在一个名为 animages 的单独文件夹中。我创建了一个数据库来存储图像的路径。

数据库如下。

letterNo imageNo height width path<br/>
1 1 600 700 annDB/1.jpg<br/>
1 2 630 710 annDB/2.jpg<br/>
1 3 620 720 annDB/3.jpg<br/>
2 1 650 700 annDB/4.jpg<br/>
2 2 700 800 annDB/5.jpg

同样，我有 20 个字母，但所有字母都包含不同数量的图像。

现在来自 PHP，

$query="SELECT letterNo, width, height, path from annimages where letterNo=".$letterNumber;    
$rs=mysql_query($query,$connection);

while ($row=mysql_fetch_array($rs))
{
echo '<img src="' .$row['path'].'.jpg"' .' width="'.$row['width'].'" height="'.$row['height'].'" alt=Letter "'.$letterNumber.'" />';
}

使用此代码，我可以检索与 LetterNo 相关并显示在网页上的所有图像。

我想要什么，因为图像是从数据库检索并存储在 PHP 页面中。现在，从网页中使用“上一个”和“下一个”单击“我想在同一页面(DIV 标签)中移动图像”。我不想离开该页面。

Answer 1

最好的使用方法是通过 AJAX 进行简单的 AJAX 调用，您可以使用非常有用且简单的 Jquery 框架，使用 XMLHttpRequest 创建一个 javaScript 函数，并将不同的参数提供给您的 php 文件，例如您的文件位于 www.somewhere.com/abc.php?image=1，然后将此参数传递给您的 AJAX 函数，使用您的 php 文件中的参数，每次单击时增加或减少 URL。