如何制作从mysql最后5张图像获取图像的滑块

时间:2014-05-06 10:32:14

标签: javascript php jquery html mysql

我是php的新手,我不知道jQuery。我使用" amzaing 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>

3 个答案:

答案 0 :(得分:1)

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

<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];?>" />

`

答案 1 :(得分:0)

非常简单; 在您的数据库中,您应该有一个图像位置连续{或图像名称,然后准备结束基本位置}然后你会

select image-name from slider-table limit 5 #to get last five rows

然后你会像你一样用foreach列出它们

<li>  <img src="<?php echo $row['image-name'];?>" alt=""/></li>

答案 2 :(得分:0)

更好的方法是将图像名称存储到数据库中。在将图像显示到滑块时,在图像名称之前附加图像路径。