图片标签使用data-srcset而不是srcset
是为了实现响应式图片加载的一种技术手段。在移动设备和不同屏幕尺寸的设备上，为了提供更好的用户体验和页面加载性能，可以根据设备的屏幕大小和网络状况动态加载适合的图片。
data-srcset是HTML5中的一个自定义属性，用于指定不同屏幕尺寸下的图片资源。通过在data-srcset中设置多个不同分辨率的图片路径，浏览器可以根据设备的屏幕大小选择合适的图片进行加载。这样可以避免加载过大的图片，减少页面加载时间和带宽消耗。
相比之下，srcset属性是HTML5中原生支持的属性，也用于响应式图片加载。但是srcset属性的兼容性相对较差，不同浏览器的实现方式也不一致，因此使用data-srcset更为灵活和可靠。
图片标签使用data-srcset而不是srcset的优势包括：
- 响应式加载：根据设备的屏幕大小选择合适的图片进行加载，提供更好的用户体验。
- 减少带宽消耗：避免加载过大的图片，减少页面加载时间和带宽消耗。
- 灵活可靠：data-srcset是自定义属性，兼容性较好，不同浏览器的实现方式一致，使用更为灵活和可靠。
应用场景：
- 响应式网站：适用于需要在不同屏幕尺寸下加载不同分辨率图片的响应式网站。
- 移动应用：适用于移动应用中需要根据设备屏幕大小加载适合的图片资源的场景。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，包括云服务器、云存储、云数据库等。以下是一些相关产品和介绍链接地址：
- 云服务器（CVM）：提供弹性计算能力，满足不同规模和需求的应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 云存储（COS）：提供安全、稳定、低成本的对象存储服务，适用于图片、视频、音频等多媒体资源的存储和管理。详情请参考：https://cloud.tencent.com/product/cos
- 云数据库（CDB）：提供高可用、可扩展的数据库服务，支持主流数据库引擎，适用于存储和管理应用程序的数据。详情请参考：https://cloud.tencent.com/product/cdb
请注意，以上链接仅为示例，实际使用时应根据具体需求选择适合的产品和服务。
相关·内容
我正在验证我的HTML，因为我的图片标签使用的是data-srcset而不是srcset，所以出现了错误。我的问题是，如果我使用data-srcset，我是否必须使用srcset属性才能获得有效的HTML？看起来是这样。
示例：
<picture>
<source data-srcset="assets/media/images/attorneys/img-attorney.webp" type="image/webp">
<source data-srcset="assets/media/images/attorn
浏览 32提问于2019-10-28得票数 1
回答已采纳
1回答
我正在建立一个基于内容管理系统的网站。在我的网站中，移动图像和桌面图像是不同的。
我使用图片标签，有不同的图像恢复不同的设备。问题是，如果用户在任何情况下都不给图像，那么就需要一个默认的映像来代替它。
代码：
<picture>
<source data-srcset="{{prod.desktopImage}}" media="(min-width: 768px)">
<source data-srcset="{{prod.mobileImage}}" media="(min-width:
浏览 3提问于2017-04-17得票数 1
1回答
我对有意见
<img class="figure-image lazyload"
src="{{ image.src|resizeDynamic(800) }}"
srcset="{{ placeholderImage(800, 800 / image.aspect) }}"
data-srcset="
{{ image.src|resizeDynamic(1920) }} 1920w,
{{ image.src|resizeDynamic(1440) }} 1440w,
浏览 3提问于2020-04-05得票数 0
回答已采纳
我看到了大量与条件属性相关的例子，他们都谈到了这一点：
<img data-srcset="${myModel.isPrimaryImg ? '/img/image1.jpg': '/img/image2.jpg'}" >
这要么呈现
<img data-srcset="/img/image1.jpg" >
或
<img data-srcset="/img/image2.jpg" >
${myModel.isPrimaryImg}分别是真还是假
这不是我想要的，上面的示例处理属
浏览 2提问于2020-06-30得票数 2
回答已采纳
我有这个html：
<ul class="ul_class">
<li>
<a>
.......
</a>
<div class="my_class">
<img class="classA" src="l1" data-src="l2" data-srcset="l3 ad cd el sf d
浏览 1提问于2020-04-06得票数 0
2回答
所以我想使用Lazysize(延迟加载响应性图像)。我的Grunt堆栈中包含了，它通过简单地包含带有"src“属性的"img”标记来输出响应图像代码(srcset)。但是，Lazysize需要替换"srcset“属性中的"data-srcset”属性。我在页面中添加了一个脚本，将"srcset“属性更改为"data-srcset”属性，但这并不理想，因为在运行时已经下载了图像。如果我可以用Grunt更改标签，那将是非常理想的，因为更改它们没有好处。
这似乎是一件很平常的事，但我找不到一个好办法。字符串替换似乎不是一个理想的解决方案，因为如果我在代
浏览 0提问于2015-08-17得票数 0
回答已采纳
这个档案有500个图像，我想下载和执行OCR。我已经在网上找到了下载一些图片的代码，但是由于某种原因，它没有找到我想要的500张图片。我应该在代码中添加什么？提前谢谢。
from bs4 import *
import requests
import os
# CREATE FOLDER
def folder_create(images):
try:
folder_name = input("Enter Folder Name:- ")
# folder creation
os.mkdir(folder_name)
浏览 6提问于2022-11-07得票数 0
回答已采纳
尝试使用图片元素来响应我的反应应用程序中的图像。但我知道这个错误：
解析错误：img预期对应的JSX结束标记
<section class='dd-image' data-ast-component='text' data-ast-separator='true' data-ast-title='some text' data-ast-desc='some text'>
<div class='image-wrapp
浏览 5提问于2019-12-08得票数 0
1回答
我正试着让懒散的懒虫和图片填充来工作。
如果我只使用一个基本的图像，那么lazyloading本身就能工作：
<img class=lazyload data-srcset="http://placehold.it/301x301">
如果我在chrome中检查了“网络”选项卡，我可以看到图像是在红线之后加载的，所以一切都很好：
现在，我添加了一个带有响应映像的<picture>元素，并尝试加载该元素：
<picture>
<!--[if IE 9]><video style="display:
浏览 3提问于2016-06-30得票数 3
回答已采纳
我试图从Vue中的Array中动态获取图像的路径，并使用v-for循环显示每个图像的延迟加载图像。如果我使用模板文字，代码运行良好，但是当我在require函数中使用模板文字时，返回cannot find module: '~/assets/path/to/image'。是否有可能将动态路径传递给require？这是与Vue或JS相关的问题吗？
下面是一个示例：
<!-- The HTML -->
<template>
<figure v-for="logo in logos" :key="logo.path&#
浏览 24提问于2020-05-08得票数 0
回答已采纳
我想尝试检索第一个data-srcset图像("https://sample.img_1")，到目前为止我的尝试还没有成功。我正尝试在Cheerio中这样做。
我的最新尝试如下所示的$(".sample_picture [media = '(max-width: 640px)']")，但是没有输出任何东西。
<picture class="sample_picture">
<source data-srcset="https://sample.img_1" media="(max-widt
浏览 2提问于2020-12-19得票数 0
我想要应用一个类，在网站上所有的水平图像。
我正在尝试使用下面的函数，但它不起作用。
任何帮助都将不胜感激。
$(function() {
var images = document.querySelectorAll('[data-srcset]');
for (var i = 0; i < images.length; i++) {
if (images[i].naturalWidth > images[i].naturalHeight) {
$(images[i]).addClass('horizontal');
浏览 0提问于2016-11-25得票数 1
1回答
美丽的汤:从网页中提取图片网址
、、、、
因此，目前，我有一些问题，试图从一个网页上提取一个图片URL使用美丽的汤。我对漂亮的汤非常缺乏经验，希望你能为我提供任何反馈。下面是我试图从其中提取图片链接的HTML片段(更具体地说，源媒体标记中的data-srcset URL )：
<div class="container-fluid" itemscope="" itemtype="http://schema.org/Product">
<div class="row">
<div id="js_carousel"
浏览 0提问于2017-05-22得票数 1
回答已采纳
我的正则表达式是
<source media="(min-width: 0px)" sizes="70px" data-srcset="(.*?)"/>
我用来测试regex的文本是
<source media="(min-width: 0px)" sizes="70px" data-srcset="https://static2.therichestimages.com/wordpress/wp-content/uploads/2014/05/52f81afc8b39c.jpg?q=50
浏览 42提问于2018-08-02得票数 0
1回答
我有以下img src部件的html代码：
<img src="https://lh3.googleusercontent.com/...rw" srcset="https://lh3.googleusercontent.com/...rw 2x" class="T75of DYfLw" width="551" height="310" alt="Screenshot Image"">
<img data-src="https://lh3.googleusercon
浏览 2提问于2020-08-13得票数 1
回答已采纳
我正在编写一些代码，从我的一个站点中抓取4位信息，我可以从4个值中获得3个，但是试图获取图像URL会给我带来问题。
代码：
<?php
function parse($html) {
try {
libxml_use_internal_errors(true);
$doc = new DOMDocument();
$doc->loadHTML($html);
$xpath = new DomXPath($doc);
$nodeList = $xpath->query('//*
浏览 7提问于2022-06-19得票数 0
1回答
我在这上面花了大量的时间。
我正在使用
<!-- phased loading of images -->
<script src="lazysizes.min.js" async=""></script>
在谷歌的优化建议下，图片只有在用户可以实际看到的时候才会加载。但是，这意味着浏览器无法预先布局页面，因此在加载图像时会移动页面元素。我已经通过在图像框上指定一个高度来解决这个问题，这样整个页面就不会上下跳跃。
可悲的是，尽管每张幻灯片底部的字幕继续上下跳跃，而浏览器却在获取下一张图片。我已经尝试了各种方法来指定每个幻灯片图
浏览 2提问于2020-05-13得票数 0
我正在使用JS插件Lazysizes.js
我在data-srcset中使用多个图像，但我对尾随宽度的作用感到困惑，例如：
<img
data-sizes="auto"
data-src="image3.jpg"
data-srcset="image3.jpg 600w,
image1.jpg 220w,
image2.jpg 300w,
image3.jpg 600w,
image4.jpg 900w"
class="lazyload
浏览 10提问于2022-07-12得票数 1
回答已采纳
我正在编写一些代码来更改图像标记以支持延迟加载，我希望在每个图像之前插入一个包含原始图像节点的<noscript>标记。
我被卡住了，在<noscript>标记中插入一个图像节点的副本。我是DomDocument的新手，所以我肯定我做错了什么。如何克隆图像标记并将其插入到我正在创建的新<noscript>元素中？
function lazy_load_images($content) {
if ($content) {
$DOM = new DOMDocument();
$DOM->loadHTML($conte
浏览 2提问于2017-11-14得票数 0
回答已采纳
我正在尝试从php中的多个图像字符串中获取data-src和data-srcset属性。这两个属性都是可选的，这意味着可以有零，只有data-src，只有data-srcset或两者都有。我的准则是
<img(.*?)data-src=['\"](.*?)['\"].*?|(data-srcset=['\"](.*?)['\"])?\/>
我测试的字符串是：
<li class="blocks-gallery-item">
<figure>
<img data-
浏览 0提问于2018-12-04得票数 2
回答已采纳
我想将Drupal 8响应图像中的属性"srcset“更改为"data-srcset”，将"srt“更改为"data-srt”，而且我在几个小时内没有找到解决方案。
有什么想法吗？
谢谢。
-) AK
浏览 9提问于2017-09-19得票数 0
回答已采纳
我需要在Wordpress内容中将src更改为data-src，并添加类lazy。我试过这个：
function iframe_image_lazy_load($the_content) {
$thecontent = get_the_content();
if(!empty($thecontent)) {
libxml_use_internal_errors(true);
$post = new DOMDocument();
$post->loadHTML(mb_convert_encodi
浏览 0提问于2020-02-02得票数 0
回答已采纳
1回答
我有一段代码：
from bs4 import *
import requests
import os
import pandas
df = pandas.read_csv(r'C:\Users\fani\Desktop\History.csv')
folder_name = "downloadedpics"
os.mkdir(folder_name)
z=1
for j in df['url']:
# DOWNLOAD ALL IMAGES FROM THAT URL
def download_images(images
浏览 7提问于2021-11-27得票数 0
回答已采纳
我试图从元素的另一部分获取数据，并将其添加到另一个元素(强制延迟加载图像)和我所发现的指向setAttribute的所有内容，但是这会破坏数据，因为它会自动向添加的数据添加等号和引号，从而破坏数据。
所以：
images[i].setAttribute('data-anim-src',' srcset= "'+images[i].getAttribute('data-srcset')+'"');
给我data-anim-src=" srcset="...""而不是我想要的，那就是da
浏览 9提问于2022-03-20得票数 1
回答已采纳
1回答
我正在尝试定义一个占位符，当我点击一个带有photoswipe插件的图片时。我想定义与屏幕上显示的图像完全相同的响应式图像版本。
data-srcset="
http://url.com/img-240.jpg 240w,
http://url.com/img-360.jpg 360w,
http://url.com/img-480.jpg 480w,
http://url.com/img-720.jpg 720w "
上面是我的图片的不同版本。
我的挑战是显示当前的图像。为此，我使用了currentSrc属性，它在火狐和Chrome上工作得很好，但在Safari上就不行
浏览 0提问于2015-10-20得票数 4
1回答
我们可以在source标签内的图片元素中实现lazyload。但是我们只有一个img标记，并且我们可以在这个img标记的src属性中加载lazyload占位符图像。因此，如果我想为每个延迟加载的图像设置单独的延迟加载占位符，有什么方法可以实现吗？我需要这个，因为我想为便携设备和台式机设置不同的相框。假设一个图像对于便携设备具有较高的高度值(如果视口小于1200px，则将被加载)，而另一个图像具有较高的桌面视口的宽度值(1200px或更高)。例如： <picture>
<!--[if IE 9]><video style="display: non
浏览 17提问于2021-01-24得票数 1
2回答
我只想完成一项简单的任务。
我在一个宽度可变的容器中有一张图片。
容器的宽度可以是300、400、700或900像素。这是通过媒体查询的方式完成的-图像应该占据该容器的所有宽度。因此它的宽度也是300、400、700或900像素。对于所有这些宽度值，图像应该具有不同的源。这样我就可以在手机上提供较小的图像。
我认为这可以通过img元素的srcset属性来完成，也许可以在sizes属性的帮助下完成。宽度大概是这样的
<img src="http://dummyimage.com/300x200/abc/000"
alt="dummy"
浏览 6提问于2014-10-02得票数 1
1回答
因为Vue 3没有IntersectionObserver库，所以我想实现我自己的小解决方案。 我读过有关指令的内容，据我所知，这是正确的方向。(?) 我的本地指令： directives: {
'lazyload': {
mounted(el) {
if ('IntersectionObserver' in window) {
let intersectionObserver = new IntersectionObserver((entries, observer) => {
浏览 10提问于2021-01-03得票数 1
回答已采纳
基于Stack和ACF论坛上的一些帖子，我为lazyload脚本lozad.js创建了更改默认img html标记的代码。这是伟大的工作，但也在管理后端工作。我试着使用if( ! is_admin(); )，但没有效果。我怎么才能解决呢？
loadHTML($the_content);
$post->loadHTML(mb_convert_encoding($the_content, 'HTML-ENTITIES', 'UTF-8'));
$imgs = $post->getElementsByTagName('
浏览 0提问于2019-06-12得票数 1
回答已采纳
3回答
我尝试从具有以下curl/grep/ wget组合的html urls列表中获取图像urls (使用cUrl，我失败了403，但cUrl获得了正确的源代码)：
curl -K "C:\urls.txt" | "C:\GnuWin32\bin\grep.exe" -o '(http[^\s]+(jpg|png|webp)\b)' | sed 's/\?.*//' > imglinks.txt
但是我得到了一个错误The command "png" is either misspelled or could no
浏览 5提问于2021-06-21得票数 1
2回答
我试图在一个新窗口中打开一个图像，并基于srcset加载正确的图像，以便根据分辨率打开正确的图像大小。
html：
<div class="gallery-cell">
<img alt="100%x200" data-srcset="https://farm4.staticflickr.com/3059/2835191823_e3636abb34_m.jpg 240w, https://farm4.staticflickr.com/3059/2835191823_e3636abb34_n.jpg 320w, https://fa
浏览 2提问于2016-02-25得票数 0
回答已采纳
2回答
组合滤波器
、、、
我试着用js (没有插件)来进行投资组合过滤器。到目前为止，我创建了导航
<div class="filter-nav">
<div class="nav-wrap">
<button class="btn fil-cat active" href="" data-rel="kuche">
<span class="ico ico-big"><img src="/assets/images/
浏览 4提问于2017-08-29得票数 1
回答已采纳
1回答
为了加快HTML页面的加载速度，我将图像转换为webp格式，并使用了“图片”元素，如下所示： <picture>
<source data-srcset="images/gallery/urban.webp" type="image/webp">
<source data-srcset=images/gallery/urban.jpg" type="image/jpeg">
<img data-src="images/gallery/urban.jpg"
浏览 19提问于2019-05-02得票数 5
我有一个vue应用程序，其中我使用v-for遍历对象数组。迭代运行良好，所有输出都正确无误。
但是，当我过滤对象列表时，只更新了一些子元素。具体地说，我的img-tags的src和srcsets没有更新。
请注意，我最初使用vue-lazysize来加载图像。
我的代码如下：
<label v-for="(option, index) in options" :key="index">
<div class="collection__item__image">
<img ref="it
浏览 12提问于2020-05-23得票数 0
回答已采纳
1回答
我有一个ng-重复指令，运行在对象上的数组上。我面临一个特定的场景，当我用一次绑定绑定对象属性时，当我在运行ng-重复的对象数组中删除和添加数据时，它们将被刷新。
重点是，所有这些功能之前都起作用了。
码
<div class="search_result" data-ng-repeat="prod in searchResult track by $index" ng-show="ShowWhenResultPositive">
<div class="media search-result-container
浏览 1提问于2017-04-07得票数 0
回答已采纳
1回答
在一个图片元素中，例如这个： <picture class="l-display-block"> <source srcset="https://cache.marriott.com/marriottassets/marriott/NYCXR/nycxr-bar-8322-hor-feat.jpg?downsize=1440px:*, https://cache.marriott.com/marriottassets/marriott/NYCXR/nycxr-bar-8322-hor-feat.jpg?download=2880px:* 2x&#
浏览 8提问于2019-02-12得票数 2
4回答
Lighthour和Pagespeed insight不断告诉我要为我的图像定义一个明确的宽度和高度。但我的大多数图片都来自图片标签，因为手机和桌面图片的大小是不同的。如何根据所选图片提供不同的宽度和高度值？
<picture>
<source media="(max-width:767px)" srcset="img_pink_flowers_small.jpg">
<source media="(min-width:768px)" srcset="img_pink_flowers_large.jp
浏览 10提问于2021-06-30得票数 2
2回答
我想知道在纯性能(网站加载时间)的条件下使用图片标签与CSS媒体查询的好处。我正在开发一个网站，客户强迫我使用图片标签，但我认为两者是相同的。让我知道你的意见。
<picture>
<source
media="(min-width: 650px)"
srcset="images/kitten-stretching.png">
<source
media="(min-width: 465px)"
srcset="images/kitten-sitting.png
浏览 0提问于2018-10-12得票数 5
回答已采纳
我稍微修改了Dave DeSandro的示例
在<button>标记中，我插入了一个<picture>和一个<span>标记：
<button class="button" data-filter=".red">
<picture>
<source data-srcset="https://via.placeholder.com/30/f00/ 1x, https://via.placeholder.com/30/f00/ 2x" type=image/webp>
浏览 0提问于2019-11-10得票数 0
我已经创建了一个脚本，它使用具有webp和jpg回退的元素以及一些延迟加载来提供非常高质量的图像。到目前为止，它在除了iOS11 Safari之外的所有“现代”浏览器上都能完美地工作。 我已经为IntersectionObserver实现了一个回退，因为我知道这还不是完全支持的，它使用getClientBoundingRect()来查找图像在视口中的位置。我已经检查了iOS 10和11，然后将其中一台相同的设备升级到iOS 12，在那里开始加载图像。 <div class="lazy-container">
<picture clas
浏览 41提问于2019-06-18得票数 1
回答已采纳
我使用带有html-loader的webpack在dist文件夹中创建一个assets文件夹。但我正在尝试通过使用data-src链接更改src属性来实现图像上的延迟加载。
我在中发现可以指定others属性，我就是这么做的。
rules: [
{
test: /\.html$/,
use: {
loader: "html-loader",
options: {
attributes: [':srcset',':data-srcset&
浏览 29提问于2020-03-07得票数 3
我希望在上传图像时将TinyMCE生成的img标记更改为响应同上，如下所示(使用)：
<img
data-sizes="auto"
data-src="image2.jpg"
data-srcset="image1.jpg 300w,
image2.jpg 600w,
image3.jpg 900w"
class="lazyload" />
在不推荐的(对我来说没有用) MCImageManager 中
imageman
浏览 0提问于2017-06-20得票数 6
1回答
我正在使用延迟加载我的图片，但也在尝试使用，我不知道如何让Packery脚本在lazysizes加载所有图片后触发，因为它不会正确布局图片。这是我的代码
<script>
// initialize Packery
var $container = $('#container');
// init
$container.packery({
itemSelector: '.item', percentPosition: true,
});
</script>
我想让它在lazysize向img类添加“lazyloaded”类后触发，因为它
浏览 1提问于2016-02-15得票数 0
1回答
我用交集观测器来延迟加载图像。如何在不支持交叉观察者的浏览器中加载所有图像？
我的script=
const imob = new IntersectionObserver((entries, self) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
llo(entry.target);
self.unobserve(entry.target);
}
});
});
document.querySelectorAl
浏览 3提问于2022-01-15得票数 0
回答已采纳
我正在使用LazySizes来延迟加载图像。我正在使用Bootstrap作为HTML和CSS的框架，但我在尝试在图像加载时保持图像周围的空间时遇到了问题，因此图像看起来不会填充它周围的文本之间的空间。几乎就像一个图片看起来是如何定期加载到页面上的，当你不是懒惰加载的时候，它周围的空间保持不变。
我已经尝试指定宽度和高度，并将宽度规范添加到data-srcset和图像的HTML中，并使用data-size=“auto”，但这没有什么帮助。我的想法是添加一个CSS自定义，以便在加载之前保持图像的空间，但我想知道是否有更好的方法来做到这一点？
浏览 19提问于2018-08-24得票数 0
1回答
我已经创建了一个用sevaral源渲染图形的taghelper。 public class CustomFigureTagHelper : TagHelper
{
public HelpersCore.Entity.PictureData PictureData { get; set; }
public override void Process(TagHelperContext context, TagHelperOutput output)
{
if (PictureData != null)
{
out
浏览 30提问于2020-09-22得票数 0
灯塔的累积布局变化报告: 0.546
在分析跟踪时，我注意到图像块最初并没有占用所需的空间并将内容向下推。见图：
我对此感到惊讶，因为图像元素的容器div具有最小高度设置：
CSS
div[itemprop="image"] {
display: inline-block;
float: left;
margin-right: 10px;
min-height: 400px;
}
#prodimage {
width: 100%;
max-width: 400px;
border: 1px solid #FFF;
浏览 3提问于2021-02-23得票数 0
回答已采纳
在fancybos网站上，它说要使用多种图像大小，需要： <a href="medium.jpg" data-fancybox="images" data-srcset="large.jpg 1600w, medium.jpg 1200w, small.jpg 640w">
<img src="thumbnail.jpg" />
</a> 1600w、1200w和640w是否以像素表示设备屏幕宽度？
浏览 16提问于2019-04-18得票数 0
1回答
我一直在尝试使用srcset和大小优化我的摄影网站上的图片，但浏览器中的检查器告诉我，它加载的是最大的图片大小。为了确认这一点，我添加了一个带有数字的新图像，这样我就可以确定加载的图像大小是多少。
但是，无论我如何处理媒体查询，我都不能让它正常工作。我假设我的问题与不正确地编写媒体查询有关，但我有点束手无策。我已经用我能想到的每一种方式对它进行了测试。我在这里读到一篇文章，说浏览器可能正在缓存较大的图像。因此，我在多个浏览器中尝试了它，并且是在隐身模式下。
如下图所示，名为"test“的图像有时会加载中等大小的图像，但绝不会加载最小的图像。
下面是我的代码的一部分。您会注意到，我还在h
浏览 0提问于2016-11-11得票数 0
我目前正在尝试使用react-responsive carousel和react-image放大镜制作查看器。它基于中的一个示例。我似乎不能解决的问题是如何映射自定义缩略图以正确显示。当我硬编码数组时，它工作得很好，但是当我尝试动态映射所有缩略图时，所有的缩略图都呈现在同一个数组中(幻灯片图像和放大镜工作得很好)。我使用的是Next js v10.0.4，Node v14.3.0，下面是我的代码：
ProductSlider.js
import { Carousel } from 'react-responsive-carousel'
import { SideBySide
浏览 27提问于2021-02-23得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
