php - 使用来自 MySQL 的图像在悬停时显示更大的图像

Question

我有一个登录系统，所以我不能在我的 php 文件中使用特定的图像。例如我使用以下代码:<img src="<?= $gebruiker->getImg(); ?>" />从登录的人那里获得正确的个人资料照片。

现在是我的问题，因为我使用它，所以我无法在悬停时使用特定图像。那么如何使用从 getImg(); 获得的图像呢？并在悬停时制作更大的缩略图。

Answer 1

为您的图像添加一个类，例如“profile-pic”:

<img src="<?= $gebruiker->getImg(); ?>" class="profile-pic" />

在你的 CSS 中，你可以做这样的事情:

.profile-pic:hover {
    transform: scale(1.1); /* will scale the image by 1.1x */
}