我如何从数据库获得图像的交叉幻灯片图片库

How do I get images from database for Cross Slide image gallery?

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

我使用的是Crossslide图像库,这里是我的图像javascript文件代码连接到index.php(只有一个ad_imagediv的画廊)

$(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:)

假设这是您的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); ?>

将图像链接替换为指向脚本的链接,例如

  { 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);