从数据库中获取两个图像路径并将它们循环显示在滑块中

时间:2013-10-22 18:42:18

标签: php html mysql database slider

我有点卡在逻辑上。场景是我有一个滑块,其中两个图像一次显示占屏幕的50%-50%部分,这里是它的简单html,

 <div class="zeus-slider zeus-default" >
    <div class="zeus-block">
      <div class="zeus-slide s-50"> <img src="slider/slider1.jpg" data-effect="slideRight" alt=""  /> </div>
      <div class="zeus-slide s-50"> <img src="slider/slider2.jpg" data-effect="slideRight" alt="" /> </div>
    </div>
  </div>

这里每个块都包含两个我只显示一个的图像。现在我试图让它变得动态,但我并不知道它是如何工作的,所以我用两个表创建数据库,每个表用于单个图像block.Both表有像simg_id(A_I),img_name,simg_path这样的字段。 这是我在滑块页面上的PHP。

<div class="zeus-block">
       <?php 
             $slider_slt=getResultSet('select * from slider_img_master1 ORDER BY simg_id');
                    if(mysql_num_rows($slider_slt))
                        {
                            while($slider_data=mysql_fetch_assoc($slider_slt)) 
                             {
                                    ?>

      <div class="zeus-slide s-50"> <img src="slider/first/<?php echo $slider_data['simg_path']?>" data-effect="slideRight" alt=""  /> </div>

       <?php }
                } ?>




       <?php 
                    $slider_slt2=getResultSet('select * from slider_img_master2 ORDER BY simg_id');
                            if(mysql_num_rows($slider_slt2))
                                {
                                    while($slider_data2=mysql_fetch_assoc($slider_slt2)) 
                                        {
                                        ?>


      <div class="zeus-slide s-50"> <img src="slider/second/<?php echo $slider_data2['simg_path']?>" data-effect="slideRight" alt="" /> </div>

      <?php }
                } ?>
    </div>

现在的问题是,当我尝试在滑块中获取图像路径时,图像在屏幕的两半上都没有逐一改变。而是显示来自两个桌面的两个图像,下面两个表中的另外两个图像第一个,依此类推,所以整页都覆盖着图像。

我知道创建两张桌子同时获取两张图片的想法很愚蠢,但我想不出更好。如果任何人都可以提出更好的方法,那就太有用了。

更新:getResultSet是mysql_query的函数。

2 个答案:

答案 0 :(得分:0)

您使用数据库存储图像的任何特殊原因?也许最好创建文件夹“Images”,其中你有两个子文件夹“LeftImages”和“RightImages”,并同时从两个文件夹中读取图像。

答案 1 :(得分:0)

如果有兴趣的人我找到了上述问题的答案。

<div id="slide1" >
    <div class="zeus-slider zeus-default" >

    <?php
    $slider_str="select *from slider_img_master1 where simg_status='Active'";           
    $i=1;
    $result=mysql_query($slider_str);


    if(mysql_num_rows($result)>0)
    {
                echo '<div class="zeus-block">';

        while($row=mysql_fetch_assoc($result)) 
        {  
            if($i%2==1 && $i!=1)
            {
                echo '<div class="zeus-block">';

            }

        ?>
      <div class="zeus-slide s-50"> <img src="slider/<?php echo $row['simg_path'];?>" data-effect="slideRight" alt=""  />                       </div>
    <?php 
            if($i%2==0)
            {
                echo '</div>';

            }
            $i++;
        }
    } ?>
    </div>

    <div class="clear"> </div>
    <div class="next-block"> </div>
    <div class="prev-block"> </div>
  </div>