-
18 votesanswersviews
Twitter Bootstrap：旋转木马图像的宽度和高度
这似乎是一个微不足道的问题，但在他们的例子（http://twitter.github.io/bootstrap/examples/carousel.html）中摆弄Twitter Bootstrap轮播几个小时后，我求助于SO . 我希望旋转木马显示全宽（如现在），但不显示裁剪高度 . 我尝试在不同的容器中将min-height，height等设置为100％但没有结果 . 任何两美分？ -
0 votesanswersviews
改变轮播宽度
我有一个显示不同类型图像的旋转木马 . 它们具有不同的宽度和高度 . I'm using bootstrap carousel. 有了高度，没有问题，它会在图像显示变化时发生变化 . 但是对于宽度，它总是一样（比所有图像都大，如截图所示）： 我的轮播代码是下一个： <div class="container"> <div id="myCarou... -
2 votesanswersviews
Bootstrap轮播 Headers 不透明度
我使用Twitter Bootstrap 2.3.2创建了一个Carousel图像，但是当在较小的屏幕设备上调整浏览器/查看时， Headers 背景会失去它的不透明度 . An example可以在bootstrap网站上看到（尝试将浏览器调整为移动屏幕大小， Headers 背景更改为纯色） . 是什么造成的？ 怎么能被覆盖？ -
3 votesanswersviews
处理Twitter引导轮播的不同高度的图像和轮播中的图像链接
处理不同高度图像的最有效方法是什么？ a）我有很多图像，其中有几个比其他图像高 . 我想把它们限制在旋转木马的区域 . 但是，如果我明确定义轮播维度（例如.carousel {width：500px; height：500px;}），那么我将失去引导程序所做的自动调整大小，这对于使网站在移动网站上看起来很好是至关重要的 . b）是否可以在twitter bootstrap中为图像提供超链接/链接？... -
3 votesanswersviews
旋转木马中的Highcharts项目宽度不是100％
我正在我的bootstrap轮播中动态创建highcharts图 . 我有这样的旋转木马： <div class="carousel"> <div class="carousel-inner"> <div id="item"> <div id="container... -
4 votesanswersviews
Bootstrap 3中具有最小高度和自动裁剪的响应全宽旋转木马
为了在Bootstrap 3中创建一个全宽度的轮播，我把它直接放在一排，没有包装容器 . 旋转木马完美延伸至全屏宽度，并可扩展至手机格式 . 但问题是：由于旋转木马的宽度为100％，旋转木马在手机上的刻度太大（320像素宽）：技术上是正确的，但如果高度较高则会很好 . 问题：如何在最小宽度上设置最小高度，保持图像宽高比和左右裁剪？ -
13 votesanswersviews
Bootstrap改变轮播高度
我这里有一个jsfiddle - http://jsfiddle.net/gh4Lur4b/8/ 这是一个全宽度的自举旋转木马 . 我想改变高度，仍然保持全宽 . 高度是由图像高度决定的 . 如何调整转盘的高度并保持100％的宽度 . .carousel-inner{ // height: 300px; } .item, img{ height:... -
1 votesanswersviews
旋转木马中的箭头和指示器未显示（来自DB的图像）
我正在 MVC5 中使用Carousel引导滑块和 Razor 视图引擎，其中包含从数据库调用的图像 . 如何显示指示符和箭头，如何为图像提供全屏宽度？ Index.cshtml： @model NP1.ViewModels.HomeVM @{ ViewBag.Title = "Home Page"; } <!-- start carousel --> <... -
0 votesanswersviews
Boostrap视频轮播高度
我在我的代码中实现了这个bootstrap视频轮播： <div class="row"> <h2>Videos</h2> <hr /> <div class="carousel slide" id="videoCarousel" da... -
0 votesanswersviews
jQuery将相同的类添加到两个不同容器中的相同元素索引
我正在使用没有内置缩略图导航的旋转木马jquery插件，所以我正在尝试构建一个穷人的版本 . 我正在使用Owl Carousel插件 . 因此，对于这个实例，我需要的是，如果主旋转木马中的幻灯片div具有类.active，那么我需要在第二个旋转木马中有一个div，它具有相同的索引，以使类活跃 . 主要轮播代码： <div id="slide1"> &... -
0 votesanswersviews
jQuery carousel插件从头开始
Description ：我需要从头开始构建一个jQuery / javascript轮播插件 . carrousel功能将由扩展的jQuery函数调用（ $.fn ）我将调用carrousel（）或类似的东西 . 根据我构建方法的方式，它将应用于 div ，其中包含将创建轮播的图片或箭头（或开发人员定义为"prev"，"next"按钮）移动轮播的图片 .... -
0 votesanswersviews
在SharePoint 2013中动态地使用asp转发器启动轮播
所以我有我的Bootstrap轮播的代码，它从Visual Studio中的库中获取图像 . 现在，我希望通过从SharePoint 2013中的文档库而不是从Visual Studio中获取图像来动态地使用此轮播 . Carousel.ascx中的标准代码 <div class="carousel slide" id="myCarousel" dat... -
1 votesanswersviews
PHP如果第一个div显示类，否则没有类
我有一个自举旋转木马，要求第一张幻灯片有一类活跃的工作 . 然后jquery在幻灯片更改时删除并添加活动类 . 我正在使用wordpress来填充轮播并使用高级自定义字段插件来执行此操作 . 我想要做的是，如果它是第一个div，那么添加活动类 . 如果它不是第一个div，则不添加该类 . 这是我到目前为止的PHP： <div class="carousel-inner"&... -
0 votesanswersviews
Bootstrap Carousel下一张幻灯片添加到上一张幻灯片下方
我添加了bootstrap轮播，其中div item 在下面显示的for循环中创建 . 我在每个 item div中都有 9 小图像，它会动态填充 . 现在在旋转木马游戏中我看到div item 随着活动类的变化而变化但是我看到的第一个div item 内容也是可见的，当第二个 item div处于活动状态时类似于第三个项目div激活时，第一个和第二个div项也可见 . 此外 data-... -
0 votesanswersviews
将css类添加到页面上所有轮播的所有第一个轮播项目中
我想使用Bootstrap 4的轮播来显示动态内容 . 轮播的第一项需要css类".active" . 实际上这应该直接添加到HTML中，但这对我的动态内容输出有点严重 . 因此，我想通过JavaScript添加它，我找到了这个主题：Appending a class to the first div of a set of dynamically created divs 解... -
111 votesanswersviews
防止Twitter引导轮播在页面加载时自动滑动
因此，除非单击下一个或上一个按钮，否则无论如何都要阻止Twitter引导程序轮播在页面加载时自动滑动？ 谢谢 -
2 votesanswersviews
如何获取上一轮和下一轮播放幻灯片的父母的ID值？ （jQuery的）
我正在尝试编写脚本，将描述分配给轮播的“上一页”和“下一页”链接 . 需要根据当前幻灯片的数值（可通过轮播API访问 - 参见JS代码的第一行 - 从1开始返回轮播项的数值）从旋转木马项目ID属性中读取描述 HTML： <div id="carousel-wrapper" class="content-promo carousel-wrapper> &... -
0 votesanswersviews
Bootstrap轮播仅在第一张幻灯片中显示动画
我的引导旋转木马有4张幻灯片，所有幻灯片都有动画图表，但动画仅在第一张幻灯片中看到 . 如何确保还可以看到3张幻灯片其余部分的图表动画？ 代码： <%@ Page Language="C#" AutoEventWireup="true" CodeFile="trycarousel.aspx.cs" Inherits="tr... -
4 votesanswersviews
较大的自举轮播中较小的自举轮播 - 较小的轮换上的旋转功能问题
简而言之，我正在尝试将html block小型旋转木马放在我的大型旋转木马的其中一张幻灯片上 . 基本上，较大规模的旋转木马将由2个幻灯片组成 . 第一张幻灯片 - html较小的旋转木马（由2张图片组成 - 幻灯片本身） . 第二张幻灯片 - 一个大型英雄形象 使用Bootstrap 3.3.6和jQuery 2.2.3 . 所以一切都很好，在当前状态下，所有幻灯片第一次都可以正常工作 . 幻... -
1 votesanswersviews
Bootstrap 4旋转木马幻灯片没有动画
大家好我正在使用Boostrap 4 beta-2，我试图让旋转木马使用幻灯片动画 . 我有 class="item" 到 "carousel-item" 类来让它在幻灯片之间切换（这也删除了 'offsetWidth undefined' 控制台错误 . 但是，动画仍然无法工作，只是在幻灯片之间跳转 . 谁能指出我正确的方向？我不确定问题出在哪里 . （... -
-1 votesanswersviews
Bootstrap 4旋转木马不工作？
我有以下BS4轮播代码，（使用本教程https://www.youtube.com/watch?v=n8ItscKLf7s&list=PLRtjMdoYXLf47brThg9-nTj8HSq8cQ0ND&index=53制作），但是代码不起作用，第一张图像显示但我不知道轮播不受控制的原因，它不会转到下一张图片在任何情况下 . 什么是可能的解决方案？ <div class=&q... -
0 votesanswersviews
在旋转木马内反应原生动画文本
如何在RN Carousel中为文本设置动画，例如来自'react-native-text-ticker'的TextTicker或来自'react-native-marquee'的MarqueeText？我试图将一个TextTicker包含在Carousel中，但它不起作用？... render() { return ( <View> <C... -
0 votesanswersviews
Visual Composer
在这里编程新手 . 我正在编辑一个已使用可视化编辑器构建的WP站点，但无法创建响应元素 . 任何人都可以指出我正确的方向，因为那里的指南很少 . 问题：我正在尝试使用默认图像轮播作为大 Headers 图像 . 我可以让一个坐在一个新的行，但所包含的图像坚持其原始尺寸（1200x700），没有响应调整大小 . 该行是'拉伸行，内容没有填充），如何使其轮播内容按宽度拉伸100％？香港专业教育学院尝试... -
0 votesanswersviews
图片轮播没有出现在WooCommerce标签中
我正在使用Avada Theme和WooCommerce，以及WooCommerce插件的自定义产品标签 . 我一直在尝试在其中一个自定义选项卡中添加图像轮播（显示其他图像 - 而不是产品图像），但在我手动调整浏览器窗口大小之前，轮播不会出现 . 我尝试过Avada图像轮播短代码以及各种其他图像轮播插件 . 我也尝试使用纯css来创建旋转木马 . 这些尝试都没有奏效 . 我也尝试过其他插件来添加自... -
1 votesanswersviews
旋转木马导航每个功能
我有一个页面使用多个轮播（猫头鹰旋转木马），每个都有一个导航，如prev / next . 其中一些没有足够的物品可以考虑作为旋转木马，所以我想禁用这个导航 . 结构看起来： <div class="videos-wrap"> <div class="owlnav owlnav1"><div class="owl-pr... -
1 votesanswersviews
显示Owl Carousel上其他项目的一半
我试图在左侧显示其他项目的一部分，并使用猫头鹰旋转木马在右侧显示完整项目 . 每个项目我有一个 Banner 图像和文本，使用引导网格列分割 . 我能够使用stagepadding实现部分显示：200并且仅在我使用右侧显示部分图像：在.owl-stage类的css中显示-200px . 现在，问题是在左侧我需要显示该部分幻灯片的 Banner 图像，而不是文本... 猫头鹰滑块有活动类，所以用cs... -
2 votesanswersviews
如何将“活动”类添加到轮播第一个元素
我正在开发一个Wordpress的新闻网站，我需要在前三个帖子的bootstrap轮播中显示，我的问题是我需要在三个元素中的第一个添加“活动”类，但是真的不要我知道怎么做 . 这是我的代码： <?php $args = array('numberposts' => '3'); $recent_posts = wp_get_recent_posts($args); foreach ($r... -
1 votesanswersviews
转换动画不适用于bootstrap轮播中的第一张幻灯片
我有一个bootstrap 4.0轮播，我想要每个幻灯片活动时缩放效果 . 我使用了 transform: scale 属性来实现它 . 我已将 transform: scale 应用于 .carousel-item.active img 元素 . 我使用jquery为第一个元素添加了活动类 . 我的第一张幻灯片无法播放动画 . 当它循环时它起作用 . 我试图在setTimeOut函数中添加该类，... -
0 votesanswersviews
如何在PathView QML中保持可见的当前，下一个和之前的项目？
我使用QML和PathView实现了一个图像轮播，看到了一些例子 . 我怀疑如何定义项目的数量比我想要的可见，我在这里得到了答案My answered question . 现在，我正在使用pathItemCount属性，但我有另一个问题 . 我看到，当我定义pathItemCount属性时，QML PathView只显示下一个项目，但是当我使用该组件像图像轮播时，我需要显示当前项目的下一个和上一... -
4 votesanswersviews
轮播页面指示器
我有一个使用Visual Studio 2013的Xamarin.Forms（1.4.2.6359）项目，并在下面创建了轮播页面 . 我想添加页面指示符，即在轮播页面顶部的点 . 这是否可以使用Xamarin Forms CarouselPage完成？ public class SplashPage : CarouselPage { public SplashPage () { ...