用js实现图片轮播 - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

作为jquery carousel一部分的li标记中的图像是在它们成为carousel的一部分之前首先显示的吗？

jquery、carousel

我在IE中使用roundabout.js有问题。在IE中，图像首先作为典型的ul列表加载，然后放入jQuery轮播中。Chrome会将图片直接放入jquery carousel中。我如何才能在轮播初始化或任何其他解决方法之前隐藏图像？致以敬意，

浏览 1提问于2012-03-28得票数 0

2回答

带有提升缩放功能的圆滑旋转木马

jquery、slick.js

我有一个产品图像的轮播(slick.js)，我试图在这些图像上实现缩放，但是无论哪个图像在平滑的轮播中处于活动状态，我都只能在缩放容器的轮播中看到最后一个图像，这是我的代码。li> </li> </ul&

浏览 1提问于2015-05-13得票数 1

1回答

Vuetify使用断点旋转设备时调整的转盘高度，v-carousel-项目高度更新，直到页面刷新

vue.js、distributed、vuetify.js

当使用断点旋转设备时，轮播高度会更新以保持纵横比。轮播高度被更新，但轮播项目高度保持不变，直到页面刷新。我一直在尝试更新类v-window__container和v- carousel __item的高度，它们似乎是包含carousel图像的类，但我无法用js更新它们。case 'lg' : return '620' }

浏览 62提问于2019-01-12得票数 1

1回答

暂停和启动带视频的幻灯片的Bootstrap 4旋转木马

jquery、bootstrap-4、carousel

标准Bootstrap 4轮播。我尝试在视频期间暂停第一张幻灯片，然后恢复标准的旋转木马动作。我知道我可以通过删除data-ride来停止旋转木马的移动，但这会永久地停止它，我想要实现的就是让旋转木马在第一张幻灯片中的视频持续时间内暂停。

浏览 4提问于2021-11-01得票数 0

4回答

显示的替代方案:无移动设备

php、html、css、mobile、responsive-design

我目前正在建设一个实践响应式网站，我正在做的是一个现有的网站，使用twitter bootsrap js和css建立它，这意味着它将完全响应移动。问题是网站上有一些大的旋转木马和图片。理想情况下，我希望完全删除某些元素，例如轮播，而将轮播中的选项作为标准列表菜单。

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

回答已采纳

6回答

使用Joomla及其Mootools的Twitter Bootstrap Carousel

javascript、mootools、twitter-bootstrap、joomla2.5

在Joomla的Mootools实现中使用Carousel时，我遇到了一个问题。Carousel元素的样式更改为负边距，使其对用户不可见。由于轮播更改样式属性，轮播使每隔一秒的图像对用户不可见，但用户应该能看到每张幻灯片。我已经研究了Carousel插件和Mootools JS文件的源代码，但遗憾的是找不出问题的原因。编辑:我发现这和mootools-more.js .js的Fx.Slide类有关，把这个类从源代码中删除就解决了这个问题。但这仍然是没有真正的解决方案，任何帮助仍然是非常

浏览 2提问于2012-05-05得票数 6

回答已采纳

1回答

如何在JS (Bootstrap-like)中构建纯文本的fadein/fadeout carousel？

javascript、html、css、twitter-bootstrap、carousel

我想实现一个淡入/淡出文本轮播，就像在的头上一样。我看了看代码，似乎是用bootstrap完成的。既然我真的不想只为了这个实现整个引导程序的事情，有没有办法用几行CSS和Javascript就能做类似的事情(我在JS中完全是新手)？

浏览 3提问于2014-12-25得票数 0

4回答

Twitter Bootstrap旋转木马垂直滑动

jquery、twitter-bootstrap、carousel、sliding

有没有可能实现垂直轮播滑动窗口Twitter Bootstrap？在bootstrap.js中我发现了这一点 var $active = this.

浏览 1提问于2012-07-21得票数 22

回答已采纳

2回答

推特旋转木马卡住( jQuery Bootstrap)

jquery、tabs、twitter-bootstrap、carousel

我在这里实现了Twitter Bootstrap的Carousel jQuery插件： (参见responses标签) 旋转木马通常可以工作，但偶尔会卡住。

浏览 2提问于2012-07-21得票数 5

1回答

在加载特定图像后执行函数

javascript、jquery、html、image

我有一个低分辨率的.jpeg图像轮播，在加载完所有的.gifs (大约需要10秒)后，这些图像会被更大的.gifs替换。下面的代码用.gifs替换所有的.jpeg文件：<div style="background:url('whatever.jpg')" rel

浏览 0提问于2016-02-14得票数 0

2回答

jCarousel的羽状剪切蒙版

javascript、jquery、html、css、jcarousel

我有一个用jCarousel连续滚动的图像集。一次只有一个图像完全显示，我希望能够“羽化”旋转木马的边缘，这样图像在穿越可见性时就会淡入淡出。希望这是有意义的。在偶尔的页面加载中，似乎轮播初始化中的animation和/或auto参数没有正确实现，导致轮播要么比预期移动得更快，要么延迟更长，等等。

浏览 3提问于2011-08-17得票数 1

回答已采纳

1回答

Bootstrap模式转盘

html、twitter-bootstrap、carousel、bootstrap-modal

我正在尝试在我的简单的，静态的，基于Bootstrap的HTML页面中实现模式轮播。我正在尝试让在我的页面上工作，但我需要更多的指导。我将声明的代码粘贴到页面中，但最终将转盘嵌入到页面中，而不是隐藏。有人能给我解释一下如何通过点击这个小提琴上的缩略图来让我的模式轮播工作吗？ <!--Reference Bootstraop.min before plugins.js but after jquery.js.We alterbootstrap javascrip

浏览 0提问于2015-06-08得票数 3

1回答

计算偏移位置

html、raphael、slideshow

我正在尝试用js和HTML5实现线性轮播。我需要计算屏幕上当前触摸的偏移量(dx)的问题。

浏览 0提问于2012-01-11得票数 0

回答已采纳

2回答

vue写的前端怎么从网页复制图片粘贴到前端？

vue.js、网站

浏览 502提问于2021-12-06

1回答

在Backbonejs中使用同一视图的多个模型

backbone.js、backbone-views、backbone-model

我是Backbone的初学者，试图用Carousel的多个实例创建并运行一个示例页面。下面是我的HTML的外观<div class="en-carousel" id="

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

2回答

调整轮播引导4的大小

html、css、bootstrap-4、carousel

我无法调整旋转木马的高度。我希望旋转木马不会使用图像高度，而是我决定的另一个高度，尝试了不同的css规则，但没有成功。 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous

浏览 0提问于2019-06-09得票数 3

回答已采纳

1回答

具有可拖动图像的jQuery UI图像轮播

jquery、jquery-ui、jcarousel、jquery-ui-draggable、jcarousellite

我需要创建一个jQuery图像轮播大约30个图像(一次显示5个)，这也将允许用户移动每个图像(假设实现为一个可拖动的)，并将该图像放到一个可拖放的div中。我已经用jCarousel做过实验，我认为它不适合我的情况。有人知道什么吗？

浏览 0提问于2011-06-13得票数 1

2回答

文本轮播交叉淡入淡出效果？

jquery、fade

我们正在尝试实现一个简单的文本轮播，用几个其他单词替换句子中的单个单词。它们将淡入/淡出，容器宽度应缩小/放大以容纳新单词。听起来很简单，但我们正在经历一段艰难的时期。它遍历单词，但容器需要更改宽度。

浏览 2提问于2013-05-20得票数 4

回答已采纳

1回答

Google Apps脚本:如何在HtmlService中使用js库

google-apps-script

该轮播包括动态改变的文本消息。我在应用程序中使用了 carousel。但它不起作用。我也尝试使用caja playground，但它没有carousel实现js文件。我将所有需要的js文件上传到google云存储，并将其公开。type="text/javascript" src="http://commondatastorage.googleapis.com/shBrushXml.js"></scrip

浏览 0提问于2012-12-03得票数 0

回答已采纳

1回答