带有jquery图像滑块的嵌套循环

时间:2014-01-31 04:46:09

标签: php jquery arrays loops slider

我正在使用一个jquery图像滑块,显示图像3到3.所有图像都来自数据库。这是我的代码:

<ul class="bxslider">

<?php
    $data = [ my images array];

    for($x = 0; $x < count($data); $x++) {
?>
        <li>
            <div class="service_images">
            <?php
                $y=0;
                while($y < 3) {
                    if($data[$y] != '') {
                        $imgNew = $data[$y];
            ?>
                        <img src="<?php echo $imgNew;?>" alt="" />
            <?php
                    }
                    $y++;
                }
            ?>
            </div>
        </li>
<?php
    }
?>
</ul>

这段代码只显示1张图片,而且正在重复。 PLZ帮帮我们。感谢。

2 个答案:

答案 0 :(得分:1)

在这里我得到了这个工作...显示3x3你可以检查源...每个img src每次增加1。所以这会给你3 X 3.

继承我的代码,只需稍微调整一下(删除我制作的数组并用你的代替。     

<?php
$datas = array(1,2,3,4,5,6,7,8,9);
$y=0;
echo "<li>";
    foreach ($datas as $data)
        {
         if($data != "")
            {
               $y++;
               echo "<img src=" . $data . " alt='' />";

               if($y % 3  == 0)
                   {
                    if($y < count($datas))
                        {
                             echo"</li>";
                             echo "<li>";
                        }
                    else
                        {
                             echo"</li>";   
                        }

                   }

             }

        }
?>
</ul>

如果您需要任何帮助,请发表评论。

答案 1 :(得分:0)

试试这个,

<ul class="bxslider">

<?php
    $data = [ my images array];

    for($x = 0; $x < count($data); $x++) {
?>
    <li>
        <div class="service_images">
        <?php
            if($data[$x] != '') {
                $imgNew = $data[$x];
        ?>
            <img src="<?php echo $imgNew;?>" alt="" />
        <?php
            }
        ?>
        </div>
    </li>
<?php
    }
?>
</ul>