css实现旋转轮播代码 - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

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

javascript、jquery、jcarousel

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

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

2回答

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

angular、carousel、ngx-bootstrap

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

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

2回答

在多个页面中管理相同的引导转盘

twitter-bootstrap、twitter-bootstrap-3

因此，如果我将第一个轮播的css用于所有轮播，所有的修改都会影响到所有的轮播。所以我不能正确地管理它们。在不同规模的项目中管理多个旋转木马的最佳方式是什么？感谢您的支持。

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

2回答

Bootstrap 3中在导航栏上方重叠的轮播箭头

css、twitter-bootstrap、carousel、navbar

当旋转木马位于导航栏上方时，一切正常(选择下面任何颜色主题的BannerFirst )。当轮播位于导航栏下方时，轮播的导航箭头与上面的导航栏重叠，使其不响应(选择HeaderFirst...)。我相信一个简单的CSS技巧就可以解决这个问题。有什么想法吗？

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

2回答

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

jquery、tabs、twitter-bootstrap、carousel

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

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

1回答

寻找与暴雪类似的jQuery旋转木马

jquery、html、css、carousel

我正在寻找一个类似于上的jQuery旋转木马，它居中，即使旋转木马的内容超出浏览器的宽度，也不显示水平滚动条，支持图像交叉淡入淡出，并包括分页。我用过SlidesJS和carouFredSel，但这些旋转木马不兼容。在花了几个小时测试后，我意识到这是因为这些插件依赖于容器具有固定宽度，导致当轮播宽度大于浏览器宽度时出现水平滚动条。我想知道是否有一个轮播使用类似的代码结构，并通过CSS嵌入图像作为div的背景： <div id="carousel"

浏览 2提问于2012-09-19得票数 0

回答已采纳

2回答

jCarousel的羽状剪切蒙版

javascript、jquery、html、css、jcarousel

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

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

回答已采纳

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

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

twitter-bootstrap、modal-dialog、carousel

我有一个旋转木马在一个模式，我试图“重置”它时，用户点击解散按钮。 $(this).data('bs.modal', null);我不

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

1回答

如何禁用引导转盘动画？

javascript、twitter-bootstrap、carousel

例如，我有3个图像的旋转木马，当旋转木马滑动时，新的图像是通过'slid‘事件添加的 //add more images我想禁用旋转木马的动画，因此在圆盘旋转木马css中将过渡时间设置为0，如所示。我不能使用'slide‘事件，因为我需要知道轮播中哪个项目是活动的，但' acti

浏览 2提问于2013-09-12得票数 17

回答已采纳

1回答

Bootmetro框架，对齐问题

javascript、html、css、microsoft-metro

我尝试将旋转木马放在页面的顶部，但由于某种原因，标题会从一侧扩展到另一侧，因为在css中宽度设置为auto，但图像不会。不管怎样，我决定不这么做了，我选择了一个并排的方法，如果你注意到轮播在顶部没有正确地与项目导航栏对齐，我有一个演示我试图实现的。谁知道我可以如何解决这个问题，请记住，我不能玩旋转木马的css图像，因为它是捆绑到网站上的其他一切？如果我更改了它们，主页上的图像就会变得疯狂。

浏览 1提问于2013-03-23得票数 0

回答已采纳

2回答

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

twitter-bootstrap、carousel、bootstrap-4

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

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

1回答

在用作页眉的轮播上创建有效的zoomi需要做什么

css、html

我有一个网站与一些图像头旋转木马。但我希望得到我在www.oracle.com上看到的效果。图像会被放大然后滑出。我知道如何做滑动图像轮播，但我尝试了服务器css javascript方法，没有给网站的效果。

浏览 1提问于2017-10-05得票数 0

1回答

Owl Carousel 2嵌套自动播放循环

jquery、css、owl-carousel-2

看起来嵌套的旋转木马在工作，但是内部的旋转木马没有正确地触发自动播放循环功能，它在切换到第二张幻灯片后停止。我试图让内部轮播作为自动播放循环淡出轮播，但它只工作了一次，然后需要刷新以重新启动循环。不知道我的代码出了什么问题。这是我的代码。

浏览 7提问于2017-09-14得票数 1

1回答

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

javascript、jquery、jquery-plugins、plugins、caroufredsel

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

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

1回答