gpt4 book ai didi

css - 为图库创建缩略图

转载 作者:行者123 更新时间:2023-11-28 06:41:54 25 4
gpt4 key购买 nike

我是一名后端开发人员,我想使用 angular 和 boostrap 创建一个小网站。

我想创建一个画廊,我一直在四处寻找,看看它是如何完成的。我在以下链接中找到了正确的示例:https://blueimp.github.io/Bootstrap-Image-Gallery/

在那种情况下,图像取自 flickr api,它发送 2 张不同的图片(小的和大的)。小的是缩略图,点击它会打开大的。

我的问题是以下一个:假设我有所有不同尺寸的图像,并且我想要这些图像的缩略图(相同尺寸,但响应迅速!)来创建我的画廊,那将是什么方式去做?仅使用 CSS?

最佳答案

创建父级 <div>固定宽度然后添加 img在里面申请 width:100%在图像上和 height:auto .请尝试实现您找到的示例,如果您发现代码有任何问题。

关于css - 为图库创建缩略图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34238914/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com