Question

我正在使用Crossslide图片库，这是我的图片javascript文件代码，它连接到index.php（图库只有一个ad_image div）

$(function() {
$('#ad_image').crossSlide({                     
  sleep: 5,
  fade: 2
}, [
  { src: 'images/slideshow/1.jpg' },
  { src: 'images/slideshow/2.jpg' },
  { src: 'images/slideshow/3.jpg' }
])
});

我在phpmyadmin中设置了一个数据库表screen_image，并希望从数据库而不是从上面的代码中获取图像（例如1.jpg，2.jpg）。这样做的原因是我计划稍后为它构建一个后端/管理员。

如何使用php将上面的Javascript文件连接到数据库？我是这个php /后端的新手，所以有点详细的解释/编码会非常有用。

感谢您的帮助。

此致 S :)

Answer 1

使用指向

等脚本的链接替换图像链接

  { src: 'scripts/image.php?image=1' },
  { src: 'scripts/image.php?image=2' },
  { src: 'scripts/image.php?image=3' }

脚本将查询数据库并为服务器提供图像。

image.php

$link = mysql_connect("localhost", "username", "password");
mysql_select_db("testblob");
$id= (int) $_GET['image'];
$sql = "SELECT image FROM testblob WHERE image_id=$id";
$result = mysql_query("$sql");
header("Content-type: image/jpeg");
echo mysql_result($result, 0);
mysql_close($link);

Answer 2

假设这是你的image.php页面

<?php 
$link = mysql_connect("localhost", "username", "password");
mysql_select_db("display");
?>

<html>
<head>
you can link all your javascript files here
<script type="text/javascript" src="you js file name with relative path"></script>
<script type="text/javascript" src="you js file name with relative path"></script>
<script type="text/javascript">

此脚本中的代码将如下所示

    $(function() {
    $('#ad_image').crossSlide({                     
      sleep: 5,
      fade: 2
    }, [<?php

          $arr = array();
          $result = mysql_query('SELECT * FROM `screen_image`');
          while($row=mysql_fetch_assoc($result)
          {
               $arr="{ src: 'images/slideshow/".$row['Your image field']."' }";
          }
           echo implode(',',$arr);
        ?>

    ])
    });
</script>
<body>
</body>
</html>
<?php mysql_close($link); ?>

如何从Cross Slide图库中获取数据库中的图像？

2 个答案: