从数据库幻灯片图像

Question

似乎无法找到解决方案。我想创建一个jQuery图像slider.I需要动态加载存储在我的MYSQL数据库中的图像。有什么建议吗？

Answer 1

这里要注意的主要事情是Javascript / jQuery本身无法满足您的要求。从数据库中提取任何内容是 server 函数，必须使用某种形式的服务器代码运行。 Javascript和jQuery都是在页面加载后运行的客户端语言，但是虽然它们与这个答案相关，但它们并不是唯一需要的东西。

对于这个例子，我将使用PHP。

你的jQuery

你的jQuery必须加载将从PHP文件生成的信息，所以为了做到这一点，我们将使用带回调函数的post函数将检索到的数据放入滑块。

$.post("/php/script.php", function(data){
    $(".slider").html(data);
});

PHP

我假设您使用的MySQL数据库结构与以下类似，您可以使用自动递增的主索引。如果没有为您添加的每个图像添加唯一编号（升序），则此问题变得非常困难。

id---|---URL---
---------------
1    | path to image 1
2    | path to image 2
etc.

我不会为您编写所有这些内容，但是从数据库中检索URL所需的主要语句是：

SELECT * FROM `table` ORDER BY `id` DESC LIMIT 3

这将从您的数据库中获取三个最新的URL。然后在你的获取功能中：

echo '<img src="'.$array["URL"].'">';

您只需使用检索到的网址回显对象即可。然后初始化你的滑块，你就会好起来。