swiper

js css CDN汇总（持续补充）

由 扶醉桌前 提交于 2020-10-02 15:25:11
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/vue-router@3.0.1/dist/vue-router.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/axios@0.18.0/dist/axios.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/js-cookie@2.2.0/src/js.cookie.min.js"></script> <script src="https://g.alicdn.com/sj/lib/zepto/zepto.min.js"></script> <script src="https://g.alicdn.com/msui/sm/0.6.2/js/??sm.min.js,sm-extend.min.js"></script> <script src="https://g.alicdn.com/msui/sm/0.6.2/js/sm-city-picker.min.js"></script> <script

How to use iDangerous Swiper and jquery .click(); at the same time

由 ╄→尐↘猪︶ㄣ 提交于 2020-08-27 22:00:14
问题 Im stuck on the following: I'm using the iDangerous Swiper plugin, which works fine. However, I would also like to use jQuery's click function on that same iDangerous swiper. For example: <div id="swiper-container"> <div class="swiper-slide">(lots of stuff here)</div> <div class="swiper-slide">(lots of stuff here)</div> <div class="swiper-slide">(lots of stuff here)</div> <div class="swiper-slide">(lots of stuff here)</div> </div> and : $('.swiper-slide').click(function() { //more

How to use iDangerous Swiper and jquery .click(); at the same time

由 狂风中的少年 提交于 2020-08-27 21:56:40
问题 Im stuck on the following: I'm using the iDangerous Swiper plugin, which works fine. However, I would also like to use jQuery's click function on that same iDangerous swiper. For example: <div id="swiper-container"> <div class="swiper-slide">(lots of stuff here)</div> <div class="swiper-slide">(lots of stuff here)</div> <div class="swiper-slide">(lots of stuff here)</div> <div class="swiper-slide">(lots of stuff here)</div> </div> and : $('.swiper-slide').click(function() { //more

How to style slides on the edges in Swiper slider

由 丶灬走出姿态 提交于 2020-08-26 09:59:29
问题 I'm using Swiper slider plugin (https://swiperjs.com). And I need to add opacity 0.5 to slides on the edges of visible viewport. https://i.stack.imgur.com/A6nr5.png I find out that I can select the right slide with this selector, and change it with media queries when quantity of visible slides change: .swiper-slide-active + * + * + * { opacity: 0.5; } But this trick will not work for the slide from the left side. I guess there is no only CSS solution and I have to use JS to detect visible

How to style slides on the edges in Swiper slider

由 自闭症网瘾萝莉.ら 提交于 2020-08-26 09:58:45
问题 I'm using Swiper slider plugin (https://swiperjs.com). And I need to add opacity 0.5 to slides on the edges of visible viewport. https://i.stack.imgur.com/A6nr5.png I find out that I can select the right slide with this selector, and change it with media queries when quantity of visible slides change: .swiper-slide-active + * + * + * { opacity: 0.5; } But this trick will not work for the slide from the left side. I guess there is no only CSS solution and I have to use JS to detect visible

uniapp 轮播图第一张是视频

由 风流意气都作罢 提交于 2020-08-17 12:48:45
想写出淘宝那样的效果，技术不精，现在的效果是：点击轮播的图片，出现视频播放，当视频被暂停或者播放完成之后，隐藏video，显示图片；本文借鉴于一个大佬的博客，但是找不到那个地址了，望见谅； html 套用两个swiper，来进行隐藏和显示video；details是接口中详情的对象； <swiper class="screen-swiper" :hidden="!autoplay"> <swiper-item> <video id="myVideo" :src="details.videofile" autoplay="false" loop muted show-play-btn controls objectFit="cover" @pause="ZhanTing" @ended="ZhanTing"></video> </swiper-item> </swiper> <swiper :hidden="autoplay" class="screen-swiper" indicator-dots="true" circular="true" :autoplay="!autoplay" interval="3500" duration="500"> <swiper-item v-for="item in details.limages" :key="item" @tap=
订阅 swiper