夏日限定438 2022-10-15 13:50 采纳率: 40%
浏览 17
已结题

swiper插件使用轮播图

swiper的min.css和min.js我都引入了，控制台也没有报错。就是运行不起来，运行了就在第一次照片也不能点到下一张照片。最后一张图是我引入的样式。

img

img

img

img

img

  • 写回答

3条回答 默认 最新

  • 人间小美味695 2022-10-16 04:14
    关注

    CSS的确是用link引入，但是JS需要用script，文件路径放在src。

    <script src="./js/index.js"></script>

    如有帮助请采纳，谢谢

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

  • JS常用插件 Swiper插件 实现轮播图
    2024-01-15 18:56
    斐波娜娜的博客 Swiper 是一款免费以及轻量级的移动设备触控滑块的js框架中文官网地址:点击查看Swiper演示，里面的功能和样式十分丰富，根据自己的需求选择确认插件实现的功能去官网查看使用说明下载插件打开demo实例文件，查看需要...
  • 使用Swiper插件制作轮播图
    2021-11-16 21:07
    前端王基的博客 1.进入Swiper官网 2.点击获取Swiper，下载Swiper 3.下载后进行解压 ...5.在我需要使用轮播图的代码中引入swiper-bundle.min.js和swiper-bundle.min.css <!DOCTYPE html> <html lang="en"> ...
  • 如何用swiper插件快速做轮播图/网页中滑动切换图片效果实现
    2025-05-05 14:00
    第七种黄昏的博客 轮播图效果是网页中常见的一种效果，单纯用css代码实现非常复杂，但我们可以利用swiper插件实现，本文将讲述如何利用swiper插件快速实现各种轮播图效果。
  • Vue里面使用swiper插件实现轮播图
    2022-05-12 19:31
    努力成长的__小白的博客 引入css文件，如果多个地方用到轮播图，就在入口文件内引入 // 引入swiper的样式 import 'swiper/css/swiper.css' 3.在template加入轮播图的结构,注意每个版本都有点区别的 <div class="swiper-container" ...
  • vue中使用swiper插件实现轮播图
    2022-01-11 16:47
    yarKin.的博客 轮播图数据是通过异步...一、在项目中安装swiper插件 cnpm install --save swiper@5 安装版本5的swiper 二、在轮播图组件中引入swiper的js文件和css文件 import Swiper from 'swiper' import 'swiper/css/...
  • swiper插件实现轮播图
    2022-10-20 17:26
    浪流人的博客 假如watch先监听到bannerList数据变化，执行回调函数创建了swiper对象，之后v-for才执行，这样也是无法渲染轮播图图片（因为swiper对象生效的前提是html即dom结构已经渲染好了）。解决方法二：我们可以使用watch监听...
  • 前端轮播图插件Swiper使用新手详细教程
    2020-05-27 11:47
    sea9528的博客 Swiper应用广泛，使用频率仅次于jQuery，轮播图类排名第一，是网页设计师必备技能。 大量demo即下即用，前端新手亦可快捷做出精美效果. 使用Swiper swiper官网链接. 1.进入官网，点击开始使用 2.下载Swiper 1.点击...
  • swiper 插件的使用
    2025-04-18 10:00
    qq_35430208的博客 swiper 插件的使用
  • Vue2中使用swiper插件实现轮播图
    2024-11-28 12:43
    Lucky^的博客 3、在需要展示的页面使用 <template> <swiper :options="swiperOptions"> <swiper-slide v-for="(image, index) in images" :key="index"> 轮播图图片"> </swiper-slide> <!-- 分页器 --> <div class="swiper-...
  • Vue封装Swiper实现图片轮播效果
    2020-11-26 14:04
    在本文中，我们将探讨如何使用Vue.js封装Swiper这个强大的滑动特效插件，来实现一个图片轮播组件。 **一、Swiper介绍** Swiper是一个基于JavaScript编写的滑动插件，特别适合于移动设备，如手机和平板电脑。它支持...
  • 【Vue项目笔记心得】Swiper插件用于轮播图
    2022-04-21 19:57
    翘阳啦的博客 1、首先先下载一个版本的swiper，这里以5.4.5为例，官网地址：Swiper中文网-轮播图幻灯片js插件,H5页面前端开发 2、先在index.html中引入swiper包，包括css和js <!DOCTYPE html> <html> <head...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 10月24日
  • 已采纳回答 10月16日
  • 创建了问题 10月15日