carousel - 爱码网

Sencha Touch - 容器内的旋转木马

我是 sencha touch 的新手，我正在尝试创建一个分为 3 部分的容器。第二部分应该是一个轮播组件。这是我的代码： var con = new Ext.Container({ width: '100%', height: '100%', layout: { type: 'vbox', align: 'stretch' }, i... »

我使用过 owl-carousel，但它不起作用。当我检查浏览器时发现 .owl-carousel div 显示 display:none。很快它就开始工作并更改为无显示。我使用了code-pen https://codepen.io/niloydeysarkar/pen/MxZdeE的轮播@ 我复制了与给定相同的代码。我检查了 owl.carousel.min.css 和 owl.theme... »

在使用 react-native-snap-carousel 时根据内容大小设置 itemHeight（用于垂直轮播）？

我正在尝试使用 react-native-snap-carousel 实现垂直旋转木马。我想要实现的是一个垂直旋转木马，其旋转木马高度根据内容而异。根据 react-native-snap-carousel itemHeight 的文档当涉及到垂直轮播时，sliderHeight 是必需的。那么有没有我可以根据内容大小达到 itemHeight 的呢？... »

如何在owl carousel 2中为中心项目的上一个项目添加类？

我想给中心项的前一项添加一个类。我几乎在下面的链接中找到了答案： How do I add classes to items in Owl Carousel 2? 看起来不错。但问题是这种效果将在翻译时起作用，这意味着当单击下一个按钮或上一个按钮时。页面加载后如何获得这种效果？... »

在引导轮播上定位下一个和上一个按钮

我正在尝试使用引导轮播（幻灯片）。我复制了代码和所有内容，但下一个按钮位于滑块之外。运行代码在这里：enter link description here 如果您看到，现在右箭头（下一个按钮）在图像之外。我尝试放置一个带有 row 的 div 和一个带有 span6 或 8 的 div，但没有成功。 <div id="myCarousel" class="carousel sl... »

如果页面包含 b:carousel，则 SPA 方法不起作用

环境：我正在编写一个使用 JSF2.2、Bootsfaces 0.9.1、Primefaces 6.0、JEE7 和 Hibernate 5.2 以及 MySQL 5.7 DB 的 SPA。我有什么：我的 SPA 在上部有一个导航栏，在左侧有一个基于导航栏选择的特定菜单。在右侧和导航栏下方，我有我的主要“内容页面”。与这张图片类似，但区别在于我的菜单是动态的：为了更新我正在使用... »

覆盖现有的 react.js 类

我正在使用http://react-bootstrap.github.io/ Carousel 组件。里面有一个 CarouselItem 组件，所以看起来像这样： return ( <Carousel> <CarouselItem key={obj.src1}> <Embedd... »

我的照片滑块，“猫头鹰轮播”将照片放在彼此下方？

我在一个网站上工作，有 2 个来自“owl-carousel”的照片滑块。第一个滑块效果很好，但第二个滑块将所有照片放在一起。是 jquery 的问题还是 html 的问题？ <div class="modal-body"> <div class="row"> <div class="col-md-12"> ... »

点击时如何更改引导轮播上的图像？

我目前有一个引导轮播，其中包含 3 张图片，每张图片都有我想要的标题，因此当您单击第一个轮播图片上的标题时，图片将变为 gif，但无法使用基本的 JavaScript。< /p> 我想让plymouthImg变成permissionionImg，目前permissionionImg显示设置为none!important <div id="carouselExampleCaptions" cl... »

连续滑入猫头鹰转盘，无延迟停止，悬停应立即停止

嗨，我正在尝试使用 owl carousel 连续滑动，而不会延迟单张幻灯片，并且幻灯片应在悬停时立即停止。任何人都可以帮帮我..... »

Bootstrap Carousel 使用 ajax 播放 mp4

我想从我的 django 网站流式传输和播放视频，我已经将它们转换为 mp4 并且正在考虑使用带有引导程序的轮播小部件来播放它们。当然，我想只加载当前视频并延迟加载其余视频，因为可能有多个。我一直在网上寻找具有 ajax 功能的好例子，但进展不顺利，你想吗？提前致谢 ... »

通过 ajax 调用在动态 HTML 上应用猫头鹰轮播

我需要将 owl carousel 及其所有 CSS 应用到来自 ajax 调用的动态 HTML 元素。目前，代码如下所示： jQuery(function ($) { $('.entry-content').addClass('entry-content--quiz') $('.get-questions').on('click', function (e) { ... »

引导轮播不工作。没有激活

我正在使用 Visual Studio 提供的 jquery 和 Bootstrap。 Bootstrap v3.3.7，jQuery JavaScript 库 v2.2.0 似乎是脚本没有激活轮播的问题，尽管我已经准备好了一切。这些脚本来自一个 ASP 网络核心应用程序的布局页面。我在这里只转录了 html 的输出。 HTML代码： <!--Carousel Wrapper--&g... »

owlcarousel - 不出现圆点

我正在做一个项目，由于我对 javascript 的了解非常有限，我决定使用owlcarousel。一切正常，但现在我遇到了问题。我已将点设置为 true，但它们没有出现。到目前为止，我的工作如下： .container { width: 90%; margin: 0 auto; } /*Text over image*/ .item { width: 100... »

如果我们移动到 CarouselView 中的下一页，如何获得通知？

如果我在 Xamarin.Forms 中转到 CarouselView 的下一页，我希望收到通知。有可能吗？任何可用的事件或属性或方法？提前致谢。... »

猫头鹰旋转木马不能在 Drupal 中循环

我有一个使用 Owl Carousel v1.3.2 作为幻灯片滑块的 drupal 网站。但是滑块不能循环，当我到达图像的末尾时，它会在显示上一张图像时倒回到第一张图像。我试图将loop : true 放入它的 js 代码中，但不起作用。任何人都可以帮助我吗？... »

选中不同的复选框时更改滑块

我试图在引导轮播中有 4 个不同的滑块，我有一些按钮，当有人点击一个按钮时，滑块应该根据我在 CSS 中的决定而改变，但我尝试过的代码不是工作，我给你链接了一个不工作的代码的最小版本，谢谢。 <style> .c { display: none; } .d { display: n... »

如何在桌面上禁用 owl-carousel 并在移动设备上启用

我正在使用 owl-carousel 插件 (https://owlcarousel2.github.io/OwlCarousel2/)。我想禁用桌面上的 owl-carousel，以便我的所有内容将显示在一行中并在移动设备上启用，以便我的内容将一一滑动。我尝试了一些代码，但它不起作用。你能帮我解决这个问题吗？ $(document).ready(function() { $... »

禁用在“猫头鹰轮播”中拖动特定元素（项目） - jquery

我在我的小项目中使用“OWL Carousel”jQuery 插件 (http://www.owlgraphic.com/owlcarousel/)。我创建了可以通过这个插件拖动的小脚本。现在我想禁用拖动特定元素（项目）...但我不知道该怎么做。 HTML： <div class="wrap"> <div id="carousel"> <d... »

React Slick 幻灯片高度问题

我无法让这些 React-Slick 滑块组件具有相同的高度。它们都是响应式 div，并会随着页面大小的变化而相应调整大小，但我希望左侧的 div 与右侧的 div 高度相同。我用下面的代码 sn-p 定义了我的 SimpleSlider。 class SimpleSlider extends React.Component { constructor(props) { su... »