首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >通过回显自动从mysql中检索许多图像,并在单击时放大它们

通过回显自动从mysql中检索许多图像,并在单击时放大它们
EN

Stack Overflow用户
提问于 2019-05-25 06:15:12
回答 1查看 77关注 0票数 0

我有一个汽车配件的PhP购物车,我需要能够在点击时放大检索到的图像。问题是我不能手动为每一张图片分配ID,因为我从数据库中回显它们。

我试着给检索到的所有图片分配一个ID/类,并使用JS函数在单击时放大它们,但无法正常工作。

代码语言:javascript
代码运行次数:0
运行
复制
    $items_array = $db_controller->runQuery("SELECT * FROM mystuff ORDER BY ID ASC");
    if (!empty($items_array)) { 
        foreach($items_array as $key=>$value){
    ?>

            <div class="DisplayCartItems">

            <form method="post" action="?action=add&mscode=<?php echo $product_array[$key]["mscode"]; ?>">
            <img src="<?php echo $product_array[$key]["msimage"]; ?>" class="imgcartdisplay" align="alignnone"/> /* Right here I need some help */
            <div class="lif"><strong>Category:</strong> <?php echo $product_array[$key]["mscategory"]; ?></div>
            <div class="lif"><strong>Category №:</strong> <?php echo $product_array[$key]["mscatnum"]; ?></div>
            <div class="lif"><strong>Stock №:</strong> <?php echo $product_array[$key]["msnomer"]; ?></div> 
            <div class="lif"><strong>Mark:</strong> <?php echo $product_array[$key]["msmark"]; ?></div>
            <div class="lif"><strong>Model:</strong> <?php echo $product_array[$key]["msmodel"]; ?></div>
            <div class="lif"><strong>Year:</strong> <?php echo $product_array[$key]["msyear"]; ?></div>
            <div class="lif"><strong>Price:</strong> <?php echo "$".$product_array[$key]["msprice"]; ?></div>
            <div style="text-align:center"><input type="number" name="oap" placeholder="Offer a price:"></div>
            <br class="">

            <div class="cartan">
                Quantity: <input type="text" class="product-quantity" name="quantity" value="1" size="2" />

                <br class="">
                <input type="submit" onclick="AddCartAlert()" value="Add to cart" /></div>

    </form>
                </div>
    <?php
        }
    }
    ?>```

I think if I can somehow assign an ID or class name for every picture that get displayed from the MySql and onclick change it's width/height, that'd do the job.
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-05-25 06:39:50

如果我没弄错的话:

您应该替换以下内容:

代码语言:javascript
代码运行次数:0
运行
复制
<img src="<?php echo $product_array[$key]["msimage"]; ?>" class="imgcartdisplay" align="alignnone"/> /* Right here I need some help */

通过以下方式:

代码语言:javascript
代码运行次数:0
运行
复制
<a target="_blank" href="<?php echo $product_array[$key]["msimage"]; ?>"><img src="<?php echo $product_array[$key]["msimage"]; ?>" class="imgcartdisplay" align="alignnone"/></a>

用于在另一个选项卡中打开图像。

或者..。如果你指的是像这样的https://lokeshdhakar.com/projects/lightbox2/#examples,你必须使用javascript (例如:<a href="images/image-1.jpg" data-lightbox="image-1" data-title="My caption">Image #1</a>)。

在您的示例中如下所示:(当然,您需要添加lightbox脚本:https://lokeshdhakar.com/projects/lightbox2/#getting-started)

代码语言:javascript
代码运行次数:0
运行
复制
<a data-lightbox="image-1" data-title="My caption" href="<?php echo $product_array[$key]["msimage"]; ?>"><img src="<?php echo $product_array[$key]["msimage"]; ?>" class="imgcartdisplay" align="alignnone"/></a>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56300067

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档