Swiper slider -为不同大小的屏幕设置响应图像

文章/答案/技术大牛

发布

0回答

javascript、html、css、swiper、ion-slides

我有一个ionic app，我使用ion-slides指令，它使用了swiper滑块，用于图像滑块。这是它在视图中的外观： <ion-slides ng-if="slider.length > 0 && article.external_media.length < 1" class="slides"imagecache/cover/{{ item.image }}" class="cover">

浏览 1提问于2016-12-22得票数 0

1回答

是否在swiper初始化时显示加载动画？

swiper

我有一个关于Swiper的问题，以及如何在响应环境中显示加载动画。嗨，我已经将.swiper-container设置为因为网站是响应式的。否则，我将使用具有以下设置的标准swiper.min.css和swiper.min.js： autoheight

浏览 2提问于2017-09-15得票数 1

1回答

滑块忽略自定义设置

css、wordpress、swiper

我想创建一个小的滑动滑块，将旋转一些可滚动的水平条标志图像。我已经做了类似的事情，没有问题，但现在我面临着滑块集成的问题。我使用的图像有不同的大小，但我想给他们一个固定的宽度和高度为80px。我试着从css设置这个值，但设置将被忽略，图像将被拉伸到1280px宽度，它将在图像之间淡出，我不想要这个行为。我在同一个页面上有多个<e

浏览 9提问于2019-09-15得票数 1

回答已采纳

4回答

如何使用JQuery和Javascript设置响应图像滑块的图像宽度

javascript、jquery、html、css

我想使我的网站使用Jquery和Javascript响应式图像滑块。<div> <li> </li> <img src="#"alt="Slider Image" />

浏览 1提问于2016-01-26得票数 1

1回答

如何为所有幻灯片指定相同的过渡速度，而不考虑它们的宽度？

javascript、html、css、swiper

如何为所有幻灯片指定相同的过渡速度，而不考虑它们的宽度？现在，过渡速度取决于幻灯片的宽度-幻灯片越宽，过渡发生的速度就越快。Swiper(slider, { loop: true, autoplay: { enabled: true/Swiper/4.4.6/css/swiper.min.css&q

浏览 16提问于2019-01-12得票数 4

1回答

如何在swiperjs中调整图像大小

html、css、layout、swiper、swiperjs

我的布局没有问题，但我想调整图像的大小，我试图使图像设置为宽度: 1130px，但无法响应…如何修复它。我的Swiper代码： slidesPerView: 3, spaceBetween: 10, pagination:

浏览 17提问于2021-06-25得票数 2

1回答

Swiper观察者随机延迟

javascript、slideshow、swiper、mutation-observers、swiperjs

我正在使用Swiper (v6.5.1)构建一个带有滑块功能的缩略图库。默认情况下，滑块处于隐藏状态，当用户单击其中一个图像时，必须显示滑块以显示所单击的图像。这是我使用的代码： JS： var swiper; loop: true当我第一次单击缩略图

浏览 23提问于2021-03-30得票数 5

回答已采纳

1回答

如何设置滑块传送带的最小高度等于图像的变化高度？

javascript、php、css、laravel、twitter-bootstrap

我想设置旋转木马的最小高度为不同大小的图像。注意:当窗口缩小时，图像的高度会减小。我尝试使用java-script来设置carousel的高度等于图像的高度。但问题是高度对于所有窗口大小都是恒定的。我没有发现的是基于响应度为高度提供动态值。我正在做的事情

浏览 15提问于2019-09-13得票数 0

3回答

图像响应性

javascript、css、html

我使用内容滑块在大多数移动设备上显示内容，我的大部分内容都是图像。我尝试了wid

浏览 7提问于2014-06-12得票数 1

2回答

Swiper.js导航按钮在生产模式下消失

next.js、swiper.js

/swiper.scss';import 'swiper/components/navigation/navigation.scss';';我的</e

浏览 3提问于2021-02-28得票数 2

回答已采纳

1回答

CSS3 div背景图像自动调整尺寸

css、background-image

在这个标题下，我有一个带有类滑块的div，其中我想要一些背景图像，在这个背景图像上，我想有一些按钮，标题和另一个图像。这就是我的问题。我应该做什么，如果我想让这个div的背景图像在全宽度和自动高度(从标题结束到屏幕结束的高度)在桌面上的任何屏幕分辨率？我的意思是:如果我有1920x1080分辨率，我想要这个bg-图像从标题结束到屏幕结束。同样<e

浏览 1提问于2015-10-14得票数 1

1回答

当页面上有多个滑块时，swiper.destroy()无法工作

javascript、swiper.js

我在同一个页面中有一组os滑动实例，需要根据屏幕宽度销毁/输入它们： const instance = $(this).data('instance'); window.addEventListener('resize'

浏览 16提问于2022-06-24得票数 0

1回答

使用jquery在图像上单击箭头时切换图像

javascript、html、jquery

我正在尝试创建用户查看产品滚动图像的能力，点击图片上的箭头。是他们允许实现此功能的任何js库或脚本吗? 谢谢你

浏览 7提问于2020-10-07得票数 0

回答已采纳

1回答

如何使swiper.js图像可点击？

html、slider、external

滑块：我已经实现了滑动图库，设置为仅显示在移动大小的屏幕上通过媒体查询。重点是在较小的视图上查看时，将桌面网格库替换为覆盖流移动版本。调整演示页面大小将显示覆盖流图库成功显示，我想知道如何使图像点击外部链接，类似于更大的网格如何响应点击。我尝试用一个元素包装单个div，但这只破坏了图库。 <div class="

浏览 3提问于2015-03-31得票数 3

回答已采纳

2回答

挠性滑块不能调节高度

javascript

我已经在我的站点上安装了Flex滑块(目前只在PC上)，当我使用浏览器缩小屏幕宽度时，它会调整幻灯片的宽度，但是幻灯片的高度始终保持不变，当浏览器处于最小宽度时，图像就会被压碎。有人能帮忙吗？我试过浏览youtube上的所有视频等等。但我看不出我做错了什么。我正在使用欧米茄3主题，如果这是相关的。 📷

浏览 0提问于2014-07-29得票数 0

2回答

在Nivo Slider插件中重新定位一个图像

css、image、position、nivo-slider

我正在工作的一个网站上使用Nivo Slider。这是一个响应式的网站，我希望滑块很容易在任何尺寸的屏幕上可见。我在CSS中设置了一个断点，这样当站点达到最小尺寸(移动屏幕的大小)时，滑块就会设置为200%的宽度，并隐藏溢出，这样图像就会更大。这可以很好地工作，但是在这种大小下，您只能看到滑块的中心，而侧边则被

浏览 1提问于2012-10-21得票数 5

2回答

旋转木马图像不会加载，除非我调整窗口大小

javascript、html、css、swiper

我已经花了几个小时试图找到解决这个问题的方法，但是没有成功。 width: 100%;.portfolio-details-slider{ posit

浏览 1提问于2021-04-25得票数 0

1回答

滑动视图中幻灯片的CSS

html、css、design-patterns、responsive-design

我的疑问是，我实现的CSS be.The CSS应该如何实现如下。: 15px;text-justify:inter-word;width:auto;当我将margin-left:0;从0改为5...as，当我滑动左边的空格时，最后一张幻灯片显示在屏幕的一半。但是，当我给margin-left:0;的时候，所有的东西都粘在左边的

浏览 3提问于2013-05-21得票数 0

回答已采纳

1回答

在角11中使用Swiper* JS创建响应幻灯片*

angular、typescript、swiper.js

我希望在角11中使用滑动JS幻灯片断点，这样不同的屏幕大小断点将有不同的总slidesPerView，我已经阅读了swiper 的文档，并从安装了Swiper JS。但我不知道如何在组件ts文件中实现响应断点。我试图在下面实现这段代码，但是swiperConfig不起作用。>import { Component, OnInit } from '@angular/core&#x

浏览 8提问于2021-04-23得票数 3

回答已采纳

4回答

外容器滚刀导航按钮

javascript、jquery、html、css、swiper.js

因为容器溢出，所以我试图在滑动容器外显示导航按钮:隐藏的，我必须创建一个带有位置的包装:相对和绝对定位按钮。 var sliderProdutosDestaque = new Swiper('.slider-produtos-destaque.swiper-conta

浏览 1提问于2018-01-22得票数 5

回答已采纳

点击加载更多