carousel相关内容

jQuery 轮播

与许多其他人一样，我正在为我的主页寻找轮播.我已经看过市场了. 我最喜欢的是几个现有的混合.而且，如果可能的话，它应该基于 jQuery，因为我已经在使用它了.不过，一些好的轮播是基于 mootools 的. 那么，我喜欢什么?noobSlide 很好.完美的将是 6 和 7 的混合:6 具有更大的图片，带有一些叠加和链接.7 具有图像的平行定位.问题:我有 >50 而不是 8，所以我 ..
发布时间：2022-01-24 17:40:40 其他开发

Owl carousel:跳转到具有特定 id 的幻灯片

我知道有可能通过当前位置编号跳转到猫头鹰轮播中的某个位置.喜欢: $('.jumpTo').click(function(){carousel.trigger('owl.jumpTo', 3)}); 是否可以跳转到匹配的 ID?假设我有一个带有缩略图的站点，单击其中一个会打开一个模式，其中猫头鹰轮播在正确/匹配的位置蜂鸣.比如: var myattr = $(this).attr('subc ..
发布时间：2022-01-24 17:37:07 其他开发

用于 div 元素的 jQuery 滑块，而不仅仅是图像

我在此页面底部为我正在处理的一些“建议项目"创建了 div 和容器，希望它是一个滑块，您可以在其中单击左右以查看更多信息.但是我见过的所有 jQuery 滑块都只适用于图像(轮播)，有没有人可以针对这种情况向我推荐，因为它不仅仅是图像. 我认为我不能在 UL 元素中包含 DIV，因为这是我见过的所有滑块使用的. 这是我在下面那个滑块区域的 html.以及页面链接:http://bit. ..
发布时间：2022-01-24 17:35:08 前端开发

光滑的滑块 - 同步自动播放和活动导航

我正在尝试使用光滑的 Slider 创建一个滑块，允许用户选择该部分的标题并查看它的幻灯片，但也可以选择自动播放. 这些东西很好用.但是我需要一些方法来对应 make 它，以便当它自动播放时，它对应于活动导航并改变它的颜色. 现在，如果用户单击它，它只会为活动幻灯片标题显示一种新颜色.我也希望它在自动播放时这样做 我该怎么做?? 这是我现在正在工作的代码 Js Bin ..
发布时间：2022-01-24 17:34:28 前端开发

光滑的轮播在初始化时加载错误的宽度

在页面加载的第一秒内，第一张幻灯片仅占据屏幕的一半，然后自行更正.它会导致不愉快/活泼的加载体验.如果我通过检查监视元素代码，我可以看到内联宽度在页面加载后大约一秒钟内更新.有什么建议吗? 解决方案 我也有同样的问题解决方案是从上一张幻灯片 (initialSlide: ...) 开始并调用 slick('slickNext') ..
发布时间：2022-01-24 17:31:50 其他开发

如何获取轮播的总数和当前幻灯片数

您能否告诉我如何在引导程序中获取轮播幻灯片的总数和当前数量，如下图所示? 我有一个标准的 Bootstrap 轮播和一个带有 .num 类的 来显示总数和当前数字，我使用这个代码来检索数字但它没有通过 $('.num').html(){$('#myCarousel').carousel({number})} 谢谢 更新: 请在这个 jsfiddle 找到一个示例 ..
发布时间：2022-01-24 17:00:32 其他开发

悬停时水平滚动不顺畅

我正在使用下面的 JS 代码来构建一个水平图像轮播，它可以在悬停时滚动.mousemove 事件检测鼠标在容器上的位置并相应地向左或向右滚动.一切都按我的预期工作，但是如果我在动画运行时将鼠标移到容器上，它会变得有点生涩. 有什么解决办法吗? 谢谢 JS: $('.carousel-frame ul').mousemove(function(e){var 容器 = $(this ..
发布时间：2022-01-22 22:41:02 其他开发

Bootstrap Carousel 中的 Youtube iframe - 在幻灯片上停止视频

我在一个页面上有一堆轮播，每个轮播都包含视频和图像.当用户通过单击一个轮播控件(左或右)退出视频时，我想停止播放 Youtube 视频. 我希望能够检测用户何时单击控件，根据当前正在播放的视频创建播放器，然后关闭该视频.在我看到的其他示例中，播放器是在 onYoutubeIframeAPIReady 函数中声明的，但我认为最好不要为页面上的每个视频动态创建播放器.现在，我得到了错误 Unc ..
发布时间：2022-01-19 12:01:28 其他开发

jquery dotdot 插件(添加省略号)不适用于 Bootstrap 轮播

我正在为我的 Rails 4 应用程序使用 Bootstrap 3 轮播.为了截断轮播中较长的字幕，我使用了 jquery dotdotdot 插件，该插件还在末尾附加了“...".虽然该插件适用于轮播中的第一张图片，但不适用于后续图片. 这是 jsfiddle:http://jsfiddle.net/michaelvli/GD3JH/9/ 为什么 dotdotdot 没有在轮播的所有 ..
发布时间：2022-01-11 12:59:43 前端开发

引导轮播一次多帧

这是我试图通过 Bootstrap 3 轮播实现的效果 它不是一次只显示一帧，而是并排显示 N 帧.然后，当您滑动(或自动滑动时)时，它会像以前一样移动幻灯片组. 这可以用 bootstrap 3 的轮播来完成吗?我希望我不必再去寻找另一个 jQuery 插件... 解决方案 这可以通过 bootstrap 3 的轮播来完成吗?我希望我不会去寻找另一个 jQuery 插件 ..
发布时间：2022-01-11 12:31:33 其他开发

Bootstrap 轮播 - 播放 YouTube 视频时暂停

我的 Bootstrap 轮播中嵌入了一些 YouTube 视频.默认情况下，轮播会自动前进，但我想在播放视频时暂停. 有什么技巧可以检测视频何时播放?如果可能的话，我想不使用 YouTube API 来实现(每个轮播都有任意数量的视频，我不想为每个视频创建实例). 编辑:最终设计 我在视频上创建了重叠: .video_mask{位置:绝对；顶部:0；左:0;宽度:100%；高 ..
发布时间：2022-01-06 16:36:03 其他开发

React-Native 水平滚动视图分页:预览下一页/卡片

我想要一个水平 ScrollView 启用分页，有一个特殊要求:每个页面(或卡片)是容器宽度的 90%.剩下的 10% 应该是下一页的预览. 使用 ScrollView 可以做到这一点吗?我可以以某种方式指定分页的宽度而不是容器的宽度吗? (图片取自这个类似的问题:React Native Card Carousel view?) 解决方案 您绝对可以使用 ScrollView ..
发布时间：2022-01-04 13:10:37 其他开发

反应钩子和 setInterval

除了在后台保留一个“时钟"以使用 React 钩子在轮播中实现自动下一步(几秒钟后)之外，还有其他选择吗? 下面的自定义反应钩子为轮播实现了一个状态，支持手动(next、prev、reset)和自动(start、stop)方法来改变轮播的当前(活动)索引. const useCarousel = (items = []) =>{const [current, setCurrent] = u ..
发布时间：2021-12-31 15:55:49 其他开发

如何将 Bootstrap Carousel 图像标题放置在 carousel div 之外?

如果这已经在此处的任何地方被覆盖，我们深表歉意.我尝试搜索，但只找到与轮播代码中的样式和定位标题相关的主题...... 所以，我有一个包含三列的布局: 左列包含与每个页面/项目相关的一般信息. 中间一列包含一个带有图像的 Bootstrap 3 轮播图. 右栏是我计划在中央轮播中显示与图像相关的所有标题的位置. 我不太明白如何让字幕在右栏中工作.澄清一下，标题将随着每个轮播幻 ..
发布时间：2021-12-28 15:27:32 PHP