我如何从数据库获得图像的交叉幻灯片图片库
How do I get images from database for Cross Slide image gallery?
我使用的是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);
相关文章:
- 幻灯片滚动javascript不起作用
- 让文本输入幻灯片显示输入时的新文本输入?然后向后滑动
- 漂亮照片图片库中的Facebook赞按钮
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 创建具有可变长度幻灯片显示的幻灯片
- 通过幻灯片更改事件停止使用jquery的音频
- 不能在同一页上进行多个jquery幻灯片切换
- 我可以使此幻灯片图像自动播放吗?
- JS幻灯片与CSS背景颜色变化
- 带有计数器、缩略图、进度条和淡入淡出效果的简单jQuery幻灯片
- jQuery图像幻灯片,在停止后淡出到第一张图像
- 删除“;上一个“;以及“;下一个“;基于当前幻灯片
- JQuery幻灯片,可点击编号位置
- Jquery幻灯片以一行左侧的图像开始,但我希望它从右端开始
- ionic幻灯片框中的每张幻灯片都有不同的HTML文件
- 如何使用HTML、CSS和JavaScript创建自动图片库幻灯片
- jquery图片库幻灯片动画
- 如何为每个图片库制作模态和幻灯片
- 我如何从数据库获得图像的交叉幻灯片图片库
- 图片库/幻灯片缩放