来自数据库的幻灯片图像

slide image from database

本文关键字：幻灯片 图像 数据库      更新时间：2023-09-26

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

这里需要注意的主要问题是，单独使用Javascript/jQuery无法满足您的要求。从数据库中提取任何内容都是服务器的函数，必须使用某种形式的服务器代码运行。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"].'">';

您只需要用检索到的URL回显对象即可。然后初始化你的滑块，你就可以开始了。

相关文章：