0

i am new to Javascript and i have created the code below it works fine no problem at all however i want to know what is i want to pull the image dynamically using php and javascript from mysql database how can i refactor my code bellow. thanks in advance for your contribution.

var myimage = document.getelementById("mainImage");
var imageArray =["images/overlook.jpg","images/garden.jpg","images/park.jpg"];

var imageIndex =0;

function changeimage(){
      myimage.setAttribute("src",imageArray[imageIndex]);
      imageIndex++;
      if(imageIndex >= imageArray.length){
      imageIndex = 0;
}

setInterval(changeimage, 5000);
4

2 回答 2

1

几个选项之一。

  1. 在数据库中查询具有图像 URL 的列。

    $query = mysql_query("SELECT url FROM images");

  2. 然后像这样得到一个数组：

    $images = array();
while($row = mysql_fetch_array($query)){
    $images[] = $row['url'];
}

  3. 然后生成此字符串（您在提供的 Javascript 中使用）：

    var imageArray = ["images/overlook.jpg","images/garden.jpg","images/park.

    使用您从数据库中检索到的数组。json_encode如果你不想搞乱容易出错的字符串构建，你可以在 PHP 中使用它。

    $imagesAsJsonArray = json_encode($images);

  4. 回应它。完毕。

不是最优雅的解决方案。但它给了你一些可以玩的东西。在线查看一些 PHP 教程，您很快就会掌握它的窍门。

于 2012-07-30T00:13:30.380 回答
0

两种选择：

  1. 创建页面时使用 PHP，在页面中放置一组图像并使用页面级 javascript 在它们之间循环。
  2. 在页面中使用 Ajax，从页面调用服务器以获取下一个图像，然后使用客户端 javascript 使返回的图像在页面上可见。
于 2012-07-30T00:02:28.177 回答