如何使用php while循环在旋转木马中显示每张幻灯片2张图像?

亚力山大

我在轮播中显示图像时遇到问题。我想在每个转盘幻灯片上显示2张图像。我使用while循环从数据库中获取图像以创建幻灯片。问题是我的代码每张幻灯片只显示一张图像。

现在的样子:检查图像

<?php
                $brojacPoStrani = 0;
                $sqlIzvestaji = mysqli_query($con, "SELECT operacije.nazivEng, izvestaji.operacija, izvestaji.ucinak, izvestaji.id FROM izvestaji INNER JOIN operacije ON izvestaji.operacijaId=operacije.id WHERE projekatId='$projekatId' AND datum='$datum'");
                while ($row = mysqli_fetch_array($sqlIzvestaji)) {
                    $id = $row['id'];

                    $sqlSlike = mysqli_query($con, "SELECT img_name FROM slike WHERE izvestajId='$id' AND datum='$datum'");

                    $brojacDuplikata = false;
                    while ($row2 = mysqli_fetch_array($sqlSlike)) {
                        if ($brojacPoStrani % 2 == 0) {
                ?>
                            <div class="carousel-cell" style="background-image: url('img/izvestaji.jpg'); background-repeat: no-repeat; background-size: 100% 350px;">
                                <h1 style="color: #fff; text-align: left; padding-left: 15px; font-weight: bold;"><?php echo $row['nazivEng']; ?></h1>
                                <?php
                                if ($brojacDuplikata === false) {
                                    $brojacDuplikata = true;
                                ?>
                                    <p style="text-align: left; padding-left: 45px; padding-top: 20px; padding-bottom: 10px;"><?php echo $row['operacija'] . " - " . $row['ucinak']; ?></p>
                                <?php
                                } else {
                                ?>
                                    <p style="text-align: left; padding-left: 45px; padding-top: 40px; padding-bottom: 10px;"></p>
                                <?php
                                }
                                ?>
                                <div class="row">
                                    <?php
                                    if ($brojacPoStrani % 2 == 0) {
                                    ?>
                                        <div class="col-lg-6">
                                            <img src="../files/izvestaji/<?php echo $project; ?>/<?php echo $datum; ?>/<?php echo $row['nazivEng']; ?>/<?php echo $row2['img_name']; ?>" style="width: 350px; height: 350px; padding-left: 10px;" class="float-right" />
                                        </div>
                                    <?php
                                    } else {
                                    ?>
                                        <div class="col-lg-6">
                                            <img src="../files/izvestaji/<?php echo $project; ?>/<?php echo $datum; ?>/<?php echo $row['nazivEng']; ?>/<?php echo $row2['img_name']; ?>" style="width: 350px; height: 350px; padding-right: 10px;" class="float-left" />
                                        </div>
                                    <?php
                                    }
                                    ?>

                                </div>
                                <br />
                            </div>
                <?php
                        }
                        $brojacPoStrani++;
                    }
                    $brojacPoStrani = 0;
                }
亚伯龙修斯教授

如前所述,您似乎应该能够使用单个查询而不是嵌套查询,并且display 2 images per carousel slide您实际上希望从当前行和下一行中选择数据。一种简单的方法是将整个记录集分配给一个变量,然后使用for循环处理该数组以下是简化的半伪代码版本,该版本尝试组合sql查询并将记录集分配给数组。它没有经过测试,但是可能会被测试吗?有用。

$sql="select 
        o.naziveng, 
        i.operacija, 
        i.ucinak, 
        i.id,
        s.img_name
    from izvestaji i
        inner join operacije o on i.operacijaid=o.id
        inner join slike s on s.izvestajId=i.id
    where projekatid='$projekatid' and datum='$datum'";

$res = mysqli_query( $con, $sql );
if( $res ){
    $arr = mysqli_fetch_all( $res, MYSQLI_BOTH );

    for( $i=0; $i < count( $arr ); $i+=2 ){
        try{

            $r1=array_key_exists( $i+0, $arr ) ? $arr[ $i+0 ] : false;
            $r2=array_key_exists( $i+1, $arr ) ? $arr[ $i+1 ] : false;

            /*
                generate the HTML structure and add two images
            */
            echo '<div class="carousel-cell">'; # simplified version
            if( $r1 )echo 'row 1: '.$r1['img_name'];
            if( $r2 )echo 'row 2: '.$r2['img_name'];
            echo '</div>';

        }catch( Exception $e ){
            continue;
        }
    }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

每张幻灯片如何显示2张图像?

来自分类Dev

使用CSS一次显示所有Bootstrap旋转木马幻灯片

来自分类Dev

使用CSS一次显示所有Bootstrap旋转木马幻灯片

来自分类Dev

在VBA中,如何按顺序向每张幻灯片添加图像?

来自分类Dev

如何转到2张幻灯片

来自分类Dev

bx滑块:仅显示一张图像时如何禁用幻灯片放映

来自分类Dev

如何使用Apache Tika(在Scala中)逐张幻灯片提取文本幻灯片?

来自分类Dev

如何添加一个旋转木马的第一和最后一张幻灯片之间的平稳过渡?

来自分类Dev

jQuery图像幻灯片显示问题/使用超时/间隔旋转横幅

来自分类Dev

使用CSS-HTML的幻灯片仅显示四张幻灯片

来自分类Dev

jQuery周期2:如何正确显示第一张幻灯片的索引?

来自分类Dev

jQuery周期2:如何正确显示第一张幻灯片的索引?

来自分类Dev

如何使用自动布局在scrollview中创建图像的幻灯片显示?

来自分类Dev

单独使用HTML和CSS为每张幻灯片制作两个图像

来自分类Dev

每张幻灯片使用两个图像时出现问题

来自分类Dev

如何编写js代码以显示每张幻灯片6格

来自分类Dev

如何使幻灯片显示按钮滚动显示图像?

来自分类Dev

当使用2张不同的幻灯片时,幻灯片过渡组件不起作用

来自分类Dev

如何制作循环播放的图像幻灯片?

来自分类Dev

如何制作循环播放的图像幻灯片?

来自分类Dev

如何在RStudio中的ioslides中为每张幻灯片添加徽标

来自分类Dev

如何在fancybox灯箱中为每张幻灯片添加音频

来自分类Dev

如何为滑块中的每张幻灯片迭代jQuery函数?

来自分类Dev

使用VBA在excel中的每张幻灯片上创建带有多个图表的Powerpoint

来自分类Dev

如何统一显示纹理阵列中的图像(如幻灯片)

来自分类Dev

如何使引导轮播幻灯片图像适合在 html 和 css 中显示?

来自分类Dev

使用SDWebImage下载的图像的UIImageView幻灯片显示

来自分类Dev

使用javascript更改backgroundImage以进行图像幻灯片显示。

来自分类Dev

如何使用Bxslider连续仅显示4张幻灯片

Related 相关文章

  1. 1

    每张幻灯片如何显示2张图像?

  2. 2

    使用CSS一次显示所有Bootstrap旋转木马幻灯片

  3. 3

    使用CSS一次显示所有Bootstrap旋转木马幻灯片

  4. 4

    在VBA中,如何按顺序向每张幻灯片添加图像?

  5. 5

    如何转到2张幻灯片

  6. 6

    bx滑块:仅显示一张图像时如何禁用幻灯片放映

  7. 7

    如何使用Apache Tika(在Scala中)逐张幻灯片提取文本幻灯片?

  8. 8

    如何添加一个旋转木马的第一和最后一张幻灯片之间的平稳过渡?

  9. 9

    jQuery图像幻灯片显示问题/使用超时/间隔旋转横幅

  10. 10

    使用CSS-HTML的幻灯片仅显示四张幻灯片

  11. 11

    jQuery周期2:如何正确显示第一张幻灯片的索引?

  12. 12

    jQuery周期2:如何正确显示第一张幻灯片的索引?

  13. 13

    如何使用自动布局在scrollview中创建图像的幻灯片显示?

  14. 14

    单独使用HTML和CSS为每张幻灯片制作两个图像

  15. 15

    每张幻灯片使用两个图像时出现问题

  16. 16

    如何编写js代码以显示每张幻灯片6格

  17. 17

    如何使幻灯片显示按钮滚动显示图像?

  18. 18

    当使用2张不同的幻灯片时,幻灯片过渡组件不起作用

  19. 19

    如何制作循环播放的图像幻灯片?

  20. 20

    如何制作循环播放的图像幻灯片?

  21. 21

    如何在RStudio中的ioslides中为每张幻灯片添加徽标

  22. 22

    如何在fancybox灯箱中为每张幻灯片添加音频

  23. 23

    如何为滑块中的每张幻灯片迭代jQuery函数?

  24. 24

    使用VBA在excel中的每张幻灯片上创建带有多个图表的Powerpoint

  25. 25

    如何统一显示纹理阵列中的图像(如幻灯片)

  26. 26

    如何使引导轮播幻灯片图像适合在 html 和 css 中显示?

  27. 27

    使用SDWebImage下载的图像的UIImageView幻灯片显示

  28. 28

    使用javascript更改backgroundImage以进行图像幻灯片显示。

  29. 29

    如何使用Bxslider连续仅显示4张幻灯片

热门标签

归档