Javascript 来自数据库的幻灯片图像

Javascript 来自数据库的幻灯片图像,javascript,jquery,Javascript,Jquery,似乎找不到解决办法。我想创建一个jQuery图像滑块。我需要动态加载存储在MYSQL数据库中的图像。有什么建议吗?这里要注意的主要问题是,Javascript/jQuery本身无法满足您的要求。从数据库中提取任何内容都是一项服务器功能,必须使用某种形式的服务器代码来运行。Javascript和jQuery都是在页面加载后运行的客户端语言,但是尽管它们与这个答案相关,但它们不是唯一需要的东西 对于这个例子,我将使用PHP 您的jQuery jQuery必须加载将从PHP文件生成的信息,因此为此,我

似乎找不到解决办法。我想创建一个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。然后在fetch函数中:

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

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

如果它们有一个主id索引,那么你可以用$.post将它们放到一个PHP文件中,该文件使用诸如SELECT*FROM images ORDER BY id DESC LIMIT 3这样的查询来获取文件。这不是一个真正的javascript问题。Jquery有很多动画方法,但是您想知道如何访问存储在数据库中的最新图像。我们需要知道您将图像存储在何处、哪个数据库以及连接到数据库的框架/方法。iam使用wowslider将图像滑动到我引用图像引用的位置wowslider@febeena难以置信的大卫不厌其烦地给出了一个非常详细的答案,你希望他能为你做所有的工作。请表现出一些努力,并在应得的时候给予表扬+1大卫。做得好,先生。