动态显示上一个/下一个图像使用点击,但在同一页面(DIV标签)


Dynamically show the previous/next image using click but on the same page (DIV tag) -

我在这里更新我之前的问题。我将图像存储在一个名为annimages的单独文件夹中。我已经创建了一个存储图像路径的数据库。

数据库如下。

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

同样,我有20个字母,但每个字母包含不同数量的图像。

$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标签)。我不想离开那一页

使用最好的方法是通过AJAX,做一个简单的AJAX调用,您可以使用Jquery框架,它是非常有用的和容易,用XMLHttpRequest做一个javaScript函数,并给出了不同参数php文件,如果你的交货文件位于www.somewhere.com/abc.php ?图像= 1然后将该参数传递给您的AJAX函数使用php文件中的参数,增加URL每次点击或减少它。