如何在HTML加轮播和缩略图

才学没多久，只会如法炮制各做各的的效果
不会把他们合起来，最后是已经做了的效果
求各路大神帮帮忙

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

1条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
前端-海鸟 2021-11-16 05:09
关注
swiped.js了解一下

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

html图片轮播时无法修改图片大小 css html 前端
2022-12-16 23:13

回答 1 已采纳是圖片無法調節大小，還是輪播無法循環（有一張是空圖）？var lis_1 = document.querySelectorAll("#imgs li")這段代碼會取得 0: <li class=
怎么在轮播图的图片中加上链接？ css html5
2019-12-15 22:21

回答 2 已采纳方法一：a标签包裹住img标签方法二：js控制img点击事件： ``` onclick="Jump(1);" function Jump(para) { //这里判断链接的参数
为什末html中轮播图不动 html
2022-01-13 10:30

回答 6 已采纳。。。。你这主要是语法错误一共两个。1、var img=document.getElementById(id); 这个请改成var img=document.getElementById(“img”)
简单的图片轮播带缩略图焦点图轮换效果
2019-11-13 23:18

在网页设计中，图片轮播和缩略图焦点图轮换是一种常见的视觉呈现方式，用于展示多张图片或内容，特别是在产品展示、新闻资讯、广告宣传等场景中。本项目"简单的图片轮播带缩略图焦点图轮换效果"旨在提供一种简洁且...
为啥我的轮播图动不了 html javascript 前端
2022-11-28 16:10

回答 1 已采纳你贴的代码有问题。错误原因 : img为标签不是css类，所以不能写为 ".img"。$(".box img")这个代码的意思就是查询css类为box中的所有img标签。所以修改为这样即可。 $(
轮播图外嵌套一层选项卡，swiper轮播图不能轮播，求前端师傅解决 javascript vue.js 前端有问必答
2022-04-10 19:11

回答 2 已采纳切换到对应tab的swiper后，调用swiper实例的updateSize方法重新计算Swiper的尺寸试试https://www.swiper.com.cn/api/methods/252.htm
轮播图切换问题，和谷歌浏览器闪图 css html javascript
2022-10-23 19:47

回答 1 已采纳这种一般是浏览器兼容性问题，火狐和谷歌对于样式的标准不太一致。如果不是为了学习，可以找一个开源兼容性强的插件，来辅助解决。
基于JavaScript实现带缩略图的轮播效果
2020-10-20 15:55

在网页设计和开发中，轮播图是一种非常流行的图像展示...总之，实现一个带缩略图的轮播效果，需要前端开发者具备对HTML、CSS和JavaScript的综合运用能力，才能制作出既有良好用户体验，又具备视觉美感的轮播图组件。
vant组件轮播使用图片问题 css 前端
2022-09-01 09:41

回答 2 已采纳这篇文章：vant组件的样式修改也许能够解决你的问题，你可以看下
移动端轮播图切换多露出来一块 css3 html5 前端
2022-10-12 18:50

回答 2 已采纳这个应该是图片宽度小于容器宽度导致的，可以调整图片大小，如果是背景图片还建议禁止图片平铺（background-repeat: no-repeat;）
CSS+HTML5+JS如何做轮播图 css html5 javascript
2022-03-22 20:31

回答 1 已采纳可以参考这里 jQuery + html + css 实现王者荣耀官网首页_岁月可贵的博客-CSDN博客访问地址reset.css/**
轮播功能带缩略图可切换有下拉效果
2017-03-31 22:03

总的来说，"轮播功能带缩略图可切换有下拉效果"是一个高度互动且视觉效果良好的网页组件，旨在提升用户体验，展示多样化的内容，并通过下拉效果提供平滑的过渡，增加用户在网站上的停留时间和参与度。在开发时，需...
在vue组件中使用swiper，为什么轮播图滑动不了呢 css3 html 前端
2022-11-15 22:10

回答 3 已采纳理论上不应该有问题，看下是否有报错？话说pc端有element ui。移动端有vant ui，怎么偏偏选择了swiper
带缩略图轮播.zip
2020-05-22 11:04

对于"带缩略图"的轮播图，CSS需要处理主图片和缩略图的相对位置，以及缩略图的布局样式，如水平或垂直排列。同时，CSS还负责动画效果，如图片切换时的过渡效果。 3. **JavaScript 功能**： - 自动播放：轮播图通常...
js带缩略图的图片轮播效果代码分享
2020-10-23 15:16

在探讨带缩略图的图片轮播效果代码分享时，我们需要理解图片轮播以及缩略图轮播的基本概念和实现方式。图片轮播效果广泛应用于产品展示、广告宣传以及图片展示等多个场景，它通过动态地展示图片集合，给用户带来更加...
没有解决我的问题, 去提问

问题事件

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
创建了问题 11月15日

悬赏问题

¥15 更换了一个新的win10系统，再下载VS时碰到的问题，是C++组件的？
¥15 关于罗技鼠标宏lua文件的问题
¥15 halcon ocr mlp 识别问题
¥15 已知曲线满足正余弦函数，根据其峰值，还原出整条曲线
¥20 无法创建新的堆栈防护界面
¥15 sessionStorage在vue中的用法
¥15 wordpress更换域名后用户图片头像不显示
¥15 如何在ubunto上安装CEF (Chromium Embedded Framework)，并且基于qt实现打开一个web
¥30 AD9854 为什么输出波形幅度受限，AI机器人勿扰
¥15 如何在ubunto上安装CEF (Chromium Embedded Framework

如何在HTML加轮播和缩略图

1条回答 默认 最新

问题事件

悬赏问题

1条回答默认最新