Question

我创建了一个页面，其中使用PHP，div填充了从数据库中获取的图像，如下所示：

div style="display: none" id="templates" class="row">
            <?php
            while ($one = $templatesk->fetch()) {
                ?>
                <div class="col-xs-3 col-md-2">
                    <a  class="thumbnail" data-price="<?= $one['price'] ?>" data-id="<?= $one['id'] ?>">
                        <img id="imgTemp" onclick= "changeImage('../files/templates/blank/<? echo($one['id'])?>.jpg', '../files/shapes/<? echo($one['tsize'])?>.png');" src="/files/templates/example/<?= $one['id'] ?>.jpg" alt="<?= $one['titlep'] ?>">
                    </a>
                </div>
            <?php
            }
            ?>
        </div>

但div有少量可以适合屏幕的图像所以我决定使用jquery滑块，除了所有滑块都使用预定义的图像作为源，其中一个例子就是：

<div id="lista2" class="als-container">
    <span class="als-prev"><img src="images/thin_top_arrow_333.png" alt="prev" title="previous" /></span>
    <div class="als-viewport">
        <div class="als-wrapper">
            <div class="als-item"><img src="images/als-images/calculator.png" alt="calculator" title="calculator" />calculator</div>
            <div class="als-item"><img src="images/als-images/light_bulb.png" alt="light bulb" title="light bulb" />light bulb</div>
            <div class="als-item"><img src="images/als-images/card.png" alt="card" title="card" />card</div>
    </div>
    <span class="als-next"><img src="images/thin_bottom_arrow_333.png" alt="next" title="next" /></span>
</div>

我尝试了很多组合，我得到了最多的一个图像，有什么方法可以加载所有图像吗？

使用从PHP获取的图像填充jquery滑块

0 个答案: