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

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

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

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

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    $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-24 22:39:50

如果我没弄错的话:

您应该替换以下内容:

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

通过以下方式:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<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
运行
AI代码解释
复制
<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

复制
相关文章
Git目录与工作目录
‘Git目录’是为你的项目存储所有历史和元信息的目录–包括所有的对象(commits,trees,blobs,tags) 这些对象指向不同的分支。
用户3004328
2018/09/06
2K0
迁移docker工作目录
目的:为了解决 /var/lib/docker/overlay2 占用大 /var 分区空间不够问题
louiezhou001
2021/11/01
1.5K0
[讨论]为什么要使用docker和docker-compose
docker是容器型虚拟化,不需要进行硬件虚拟、运行完整操作系统等额外的开销。所以提高了对系统资源的利用率
宣言言言
2019/12/17
1.9K0
Linux工作目录切换命令
1.pwd pwd命令用于显示用户当前所处的工作目录 格式:pwd[选项] [root@linuxprobe Desktop]# pwd /home/linuxprobe/Desktop 2.cd 用于切换工作路径 格式:cd[目录名称] cd- 命令返回到上一级所处的目录 cd.. 进入上一级目录 cd~ 命令切换到当前用户的家目录 [root@linuxprobe Desktop]# cd /etc [root@linuxprobe etc]# cd /bin [root@linuxprobe bin
心跳包
2020/08/28
7.6K0
给Excel工作表建立目录
有时候我们会在一个工作簿中建立很多工作表,怎样才能简单明了的管理工作表呢,当然能建一个目录最好了,这里我们就学习一种给工作表创建目录的方法。 1、在工作簿中新建一个工作表,命名为“目录”。 2、单击B
用户1756920
2018/06/20
1.6K0
Git目录为什么这么大
本文围绕git的目录过大,从git进行版本控制底层存储出发,简要分析Git目录过大的原因,以及如何处理
仙人技术
2021/08/31
1.3K0
Git目录为什么这么大
mac下更改Jupyter notebook工作目录
Jupyter notebook运行之后,默认的工作目录在mac下是个人文件夹,在windows下貌似也是如此。显然不太合理,需要修改它。
hankleo
2020/09/17
2.8K0
用 docker-compose 搭建机器学习工作环境 ml-workspace
ml-workspace 是一个机器学习工作环境,内置了 jupyter notebook, juputer-lab, vscode server, vnc , file browser, ssh 等工具,并已经安装好了各种机器学习需要的库如 pandas/numpy/matplotlib, scikit-learn, pytorch, tensorflow,可以说是机器学习、数据分析与挖掘开发一条龙服务。
hkai31
2021/10/09
8130
常用功能加载宏——工作表目录
在一个工作簿中,如果工作表太多了,要选中需要操作的Sheet还挺麻烦的。对于Excel用的不大熟练的人,只会按左下角的方向箭头,然后用眼睛去查找,有的人为了让Excel显示多一些工作表名称,还会把右下角的滚动条拉的只剩一点点,造成操作Sheet都不方便。
xyj
2020/07/28
9870
常用功能加载宏——工作表目录
Python 改变和获取当前工作目录
import os os.chdir("目标目录")   #修改当前工作目录 os.getcwd()    #获取当前工作目录
py3study
2020/01/09
8970
python 如何查看与更换工作目录
# -*- coding: utf-8 -*- #导入OS包 import os #os.getcwd()查看当前目录 print('\n当前目录位置:') print(os.getcwd()) #os.chdir修改目录 os.chdir("E:\python_py\python1_learn") print('\n修改后目录位置:') print(os.getcwd())
学到老
2019/02/14
8530
常用功能加载宏——工作簿目录
要创建工作簿的目录,其实就是遍历获取所有的文件,然后过滤一下,再增加超链接就可以:
xyj
2020/07/28
9500
常用功能加载宏——工作簿目录
getcwd无法定位当前工作目录
shell-init: error retrieving current directory: getcwd: cannot access parent directories: No such file or directory
summerking
2022/09/16
1.8K0
docker-compose
Docker Compose 是一个用于定义和运行多容器 Docker 应用程序的工具。使用 Docker Compose 可以轻松地在单个配置文件中定义所有服务,并使用一个命令来启动、停止和重启这些服务。
玖叁叁
2023/04/26
1.6K0
docker-compose
Docker for Mac 、Docker for Windows 自带 docker-compose 二进制文件,不需要再次安装,这里只介绍Linux 安装 下载地址:https://github.com/docker/compose/releases
羊羽shine
2019/05/29
3K0
Docker-compose
我们之前操作Docker的过程是:DockerFile build run进行手动操作,单个容器,如果假设我们1000个微服务,并行微服务之间还存在依赖关系,这个时候,我们就可以使用Docker Compose来轻易高效的管理容器,定义运行多个容器
小马哥学JAVA
2022/11/17
1.7K0
Docker-Compose
Docker-Compose 项目是 Docker 官方的开源项目,负责实现对Docker容器集群的快速编排。
乐心湖
2021/02/25
2.1K0
Docker-Compose
腾讯云tke容器服务调整kubelet工作目录
腾讯云默认kubelet工作目录在/var/lib/kubelet使用的是系统盘,系统盘一般不够大也不方便扩容,所以需要修改kubelet工作目录。大概流程如下:
三杯水Plus
2019/12/24
2.2K0
Python中的chdir函数:更改工作目录利器
在Python中,`chdir`是一个内置函数,用于更改当前工作目录。今天就给大家简单介绍一下该函数的用法和一些注意事项,一起来学习一下吧。
华科云商小彭
2023/10/07
2490
Python中的chdir函数:更改工作目录利器
为什么我退出了编程工作
从很小的时候就在印度出生和成长,在那里我们只有少数的职业选择。工程师和医生是很多人的头两个选择。现在,随着互联网的兴起,事情正在发生变化,但是父母期望孩子成为医生或工程师的情况并不少见。
程序那些事儿
2023/03/07
3150
为什么我退出了编程工作

相似问题

如果定义了对象,则有条件地呈现该对象;如果该对象未定义,则会发出警告

10

如果关联的对象存在,则呈现该对象

10

如果对象在Rails中为nil,我如何跳过一段代码?

20

如果该对象的列表为空,如何从列表中删除该对象?(Python3)

42

如果,否则,elsif,否则如果只显示对象时,不为空

22
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文