js实现旋转轮播 - 腾讯云开发者社区

文章/答案/技术大牛

发布

2回答

ngx-bootstrap carousel在单击下一步/上一步按钮时丢失的悬停暂停

angular、carousel、ngx-bootstrap

我有一个angular5应用程序，它有一个页面实现了ngx-bootstrap carousel组件，它使用默认的noPause属性来暂停图像滚动操作，它工作得很好。当我使用“下一步”或“上一步”按钮点击幻灯片时，幻灯片的自动滚动再次启动，这样每次单击轮播时，轮播就会跳过两个图像，所以鼠标在轮播上的事实被忽略了。演示版本的旋转木马似乎有类似的问题()，但我不确定是否可以在单击幻灯片时重新设置noPause值？不确定是否有人知道这是否可能？这是我对旋转木马的实现： <

浏览 2提问于2018-04-17得票数 0

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回答

jCarousel -在按钮上按下第一个或最后一个项目时继续滚动

javascript、jquery、jcarousel

我遇到了jCarousel的一个问题，如果旋转木马在开始时已经启动，并且按下了左键，旋转木马就不会滚动。只有在第一次加载轮播时才会发生这种情况。谢谢。

浏览 2提问于2011-03-26得票数 0

2回答

jCarousel的羽状剪切蒙版

javascript、jquery、html、css、jcarousel

一次只有一个图像完全显示，我希望能够“羽化”旋转木马的边缘，这样图像在穿越可见性时就会淡入淡出。此外，旋转木马的运动有时似乎有点问题。在偶尔的页面加载中，似乎轮播初始化中的animation和/或auto参数没有正确实现，导致轮播要么比预期移动得更快，要么延迟更长，等等。添加编辑:有没有一种方法可以代替真正的剪切蒙版，在图像移出旋转木马的焦点时使用jCarousel的回调函数对其执行fadeOut() (然后在图像移入焦点时执行fadeIn() )？

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

回答已采纳

1回答

同步克隆的轮播

javascript、jquery、twitter-bootstrap

我有一个放在常规视图中的Bootstrap 4旋转木马。用户能够在模式中查看轮播。 .clone(true)当我点击克隆的旋转木马中的滑动按钮时，原始的旋转木马会滑动

浏览 0提问于2017-09-30得票数 0

2回答

带分页点的Bootstrap多轮播

twitter-bootstrap

我正在使用Bootstrap框架，但在同一页上使用分页点设置多个旋转木马时遇到了问题。我使用了GitHub上的bootstrap-carousel.js更新脚本(带有药丸选项的那个)来进行分页。我找到了一个使用下一步导航的多个轮播的解决方案，但没有找到使用点的多个轮播的解决方案。非常感谢

浏览 4提问于2013-01-05得票数 0

2回答

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

jquery、tabs、twitter-bootstrap、carousel

我在这里实现了Twitter Bootstrap的Carousel jQuery插件： (参见responses标签)谢谢!

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

1回答

如何避免在构建页面时将转盘项目作为列表加载

javascript、jquery、twitter-bootstrap

我正在为一个客户做一个布局，在每个页面的顶部都有一个产品图标的旋转木马，这个想法是访问者可以从旋转木马跳到网站的那个部分。但是，当加载页面时，图标最初显示为列表，直到页面加载完成后才会对齐。我尝试过将显示设置为无，然后在页面加载和轮播初始化后使用javascript显示它，但这似乎不起作用。以下是布局中的示例页面：

浏览 3提问于2014-11-20得票数 0

1回答

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

google-apps-script

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

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

回答已采纳

1回答

dojo轮播标头位置

dojo、dojox.mobile

我使用的都是。

浏览 2提问于2012-11-28得票数 1

1回答

连续滚动不起作用时触发轮播

javascript、jquery、jquery-plugins、plugins、caroufredsel

旋转木马(caroufredsel)滚动()连续向左。当我将鼠标悬停在向右的箭头上时，它将停止滚动，然后它将反转方向。我尝试使用自定义事件，但似乎不起作用。这是旋转木马的代码。pauseOnHover :"immediate" items: { } 现在，我的自定义事件将导致轮播反转的方向如下所示我想要实现的是在悬停时瞬间反转方向。

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

5回答

实现twitter bootstrap carousel v2.3.2

javascript、html、twitter-bootstrap、carousel、twitter-bootstrap-2

我在实现引导转盘时遇到了问题。谁能看一下下面的html和js，并给我如何实现幻灯片的说明。.js尚未编辑，旋转木马安装在body hero单位上。我要实现carousel api吗？如何定义在.js文件中使用的轮播？谢谢。 <!

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

回答已采纳

1回答

我的自定义UIView显示，但在使用iCarousel时里面什么也没有？

iphone、ios5、uiview、ios4、icarousel

我使用iCarousel在CoverFlow模式下显示我的自定义UIView，但当我运行我的应用程序时，它会显示出来，但里面什么都没有，就像不是我添加的视图？所以你能帮我吗？{ if (view == nil) //don't do anything specific to the in

浏览 0提问于2012-10-15得票数 0

回答已采纳

3回答

动态异步加载多个LinkedIn共享按钮

javascript、ajax、linkedin

单击缩略图时，将以所单击的帖子为中心打开一个旋转木马。旋转木马中的每个帖子都有一个LinkedIn分享按钮。$.getScript('http://platform.linkedin.com/in.js', function() { $('.li-box-1').append('<script type="IN/Sha

浏览 0提问于2015-02-17得票数 4

2回答

引导转盘不适用于背景图像

twitter-bootstrap、carousel、bootstrap-4

我想在我的Bootstrap 4旋转木马中添加背景图像，但它不起作用。我需要代码方面的帮助。 <!

浏览 31提问于2018-01-20得票数 2

1回答

如何销毁一个包含旋转木马的twitter引导模式？

twitter-bootstrap、modal-dialog、carousel

我有一个旋转木马在一个模式，我试图“重置”它时，用户点击解散按钮。祝你有个愉快的夜晚。

浏览 0提问于2014-01-23得票数 0

1回答

Owl滑块，ajax加载页面跳转问题

jquery、ajax、owl-carousel

我成功地使用了owl carousel和ajax。我遇到的一个问题是，在使用‘addItem’添加滑块项之后，页面会跳到滑块的顶部。还有没有人注意到这个问题？以及如何阻止它？ for(var c=0;c<response.data.length;c++){ } //jump happens afte

浏览 0提问于2015-09-18得票数 0

1回答

单击按钮使错误的carousel (Jquery)居中

javascript、jquery

目前我有它，所以如果你点击任何编号按钮，下一步/上一步按钮，或者旋转木马中的一个图像，脚本将调整旋转木马以将其移动到视口的中心。但是，我注意到，如果您单击与第二个旋转木马相关联的任何按钮，页面将一直向上滚动，并调整到第一个旋转木马。我如何获得它，以便调整正确的旋转木马？例如，按下与#2轮播相关联的任何按钮来调整#2轮播，或者按下用于#3轮播的任何按钮来调整#3轮播。

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

3回答

如何在javascript中使用媒体查询？

javascript

我正在构建一个使用javascript的carousel。对于桌面版本，它在滑块中显示3个帖子。但是，我想在滑块上放置一个媒体查询，以便它在移动版本中一次只显示一个帖子，因为屏幕较小。<script> if (x.matches) { // If media query matches } else { document.body.style.backgroundColor = &#

浏览 31提问于2020-05-28得票数 0

1回答

如何使用div column-9和div column-3上的另一个子内容创建旋转幻灯片

html、css、twitter-bootstrap

如何在div类的第9列上创建轮播幻灯片，并在同一行的div类的第3列上创建横幅。我想要实现在div class-col-9上有一个carousel幻灯片，并且在div class-col-3上与carousel在同一行上有横幅。我有问题的轮播幻灯片在div类col9和横幅在div类col3在同一列，相反，我的横幅在div类col3下旋转木马，这是不应该是这样的。我这样做是为了一个客户，他说他想要一个非常类似于naijaloaded.com.ng的博客我尝试放置我的旋转木马幻灯片，我还添加了一个div类c

浏览 0提问于2019-04-27得票数 0

点击加载更多