javascript - 如何制作从 mysql 获取图像的 slider 最后 5 张图像

标签 javascript php jquery html mysql

我是 php 的新手,我对 jQuery 一无所知。我使用“amzaing slider”制作了一个 slider ,但我想从我的数据库中调用图像。
我该怎么办,求指点。如何制作从数据库中获取图像的 slider ?

    <?php
$link=mysql_connect("localhost","root","")or die("Can't Connect...");

            mysql_select_db("shop",$link) or die("Can't Connect to Database...");

            $sql="select * from book order by b_id desc limit 5 ";


$res=mysql_query($sql);
?>

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
    <title>Amazing Slider</title>

    <!-- Insert to your webpage before the </head> -->
    <script src="sliderengine/jquery.js"></script>
    <script src="sliderengine/amazingslider.js"></script>
    <script src="sliderengine/initslider-1.js"></script>
    <!-- End of head section HTML codes -->

</head>
<body>
<div style="margin:30px auto;max-width:340px;">

    <!-- Insert to your webpage where you want to display the slider -->
    <div id="amazingslider-1" style="display:block;position:relative;margin:16px auto 32px;">
        <ul class="amazingslider-slides" style="display:none;">

      <li>  <img src="<?php echo $row[9];?>" alt="22"/></li>

        </ul>
        <ul class="amazingslider-thumbnails" style="display:none;">
            <li><img src="<?php echo $row[9];?>" /></li>

        </ul>
        <div class="amazingslider-engine" style="display:none;"><a href="http://amazingslider.com">JavaScript Slideshow</a></div>
    </div>
    <!-- End of body section HTML codes -->

</div>
</html>

最佳答案

谢谢帮助。我找到了我的解决方案`

<li> <?php  while($row = mysql_fetch_row($res)){ ?>
                    <li><a href="<?php echo $row[9];?>" class="html5lightbox" data-width="500" data-height="600"> 

     <img src="<?php echo $row[9];?>" />

`

关于javascript - 如何制作从 mysql 获取图像的 slider 最后 5 张图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23492256/

相关文章:

javascript - 单击外部时隐藏列表(第 2 部分)

php - 回显中的 printf

javascript - 带有 JSON 返回的 AJAX 请求未按照我的预期行为进行响应

php - 更新语句破坏数据库

javascript - 如何在 JavaScript 中获取根路径?

javascript - 如何使用 requirejs : jszip is not defined 包含 jszip

javascript - Node.js 使用 Socket.io 和 Http 从 Express 读取发布数据

javascript - 动态加载 JavaScript 到 Div 中

javascript - 将 JSON 转换为 Javascript 中的 map 列表

javascript - 如何实现等待机制,直到收到确认对话框响应?