Tag: 旋转木马

如何使Bootstrap旋转木马滑块使用移动左/右滑动: DEMO JSSFIDDLE <div class="col-md-4"> <!–Carousel–> <div id="sidebar-carousel-1" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators grey"> <li data-target="#sidebar-carousel-1" data-slide-to="0" class="active"></li> <li data-target="#sidebar-carousel-1" data-slide-to="1"></li> <li data-target="#sidebar-carousel-1" data-slide-to="2"></li> </ol> <div class="carousel-inner"> <div class="item active"> <a href="" data-lightbox="image-1" title=""> <img src="http://shrani.si/f/3D/13b/1rt3lPab/2/img1.jpg" alt="…"> </a> </div> <div class="item"> <a href="" data-lightbox="image-1" title=""> <img src="http://shrani.si/f/S/jE/UcTuhZ6/1/img2.jpg" alt="…"> </a> </div> <div class="item"> <a href="" data-lightbox="image-1" title=""> […]

如何删除默认的Bootstrap 3传送带控制背景渐变？: 我敢肯定，这是我需要修改的代码，但由于某种原因，我不能让梯度消失在IE浏览器。我希望他们完全消失！ .carousel-control { text-shadow: none; opacity: 1; filter: alpha(opacity=100) } .carousel-control.left { background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.0001))); background-image: -webkit-linear-gradient(left, color-stop(rgba(0,0,0,0.5) 0), color-stop(rgba(0,0,0,0.0001) 100%)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%); background-image: linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1) } .carousel-control.right { background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0,0,0,0.0001)), […]

Twitter Bootstrap旋转木马不同高度的图像导致弹跳箭头: 我一直在使用Bootstrap的旋转木马类，到目前为止它已经很简单，但是我遇到的一个问题是，不同高度的图像会导致箭头上下反弹，以适应新的高度。这是我用于我的轮播的代码： <div id="myCarousel" class="carousel slide"> <div class="carousel-inner"> <div class="item active"> <img src="image_url_300height"/> <div class="carousel-caption"> <h4>…</h4> <p>…</p> </div> </div> <div class="item"> <img src="image_url_700height" /> </div> </div> <!– Carousel nav –> <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a> <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a> </div> 这个问题也在这个jsfiddle中说明过（不可否认，我试图解决这个问题的时候，在一个单独的问题上发现了这个问题！）我的问题是：我怎么能强制旋转木马保持在一个固定的高度（小提琴的第二个缩略图）和中心较小的图像，同时保持标题和箭头相对于旋转木马的静态位置？

Twitter Bootstrap Carousel插件可以淡入幻灯片过渡: 我正在使用的网站（http://furnitureroadshow.com/）上有一个非常基本的Twitter Bootstrap Carousel插件实现。我只是想知道是否有人扩展了Carousel插件，使其在幻灯片转换中淡入淡出？我在github.com（https://github.com/twitter/bootstrap/issues/2050）上发现了这个问题＃2050，似乎表明在这一点上，这是不可能的。只是想看看是否可以或已经完成。

Bootstrap旋转木马图像无法正确alignment: 请看下面的图片，我们使用bootstrap旋转木马来旋转图像。但是，当窗口宽度较大时，图像不能正确alignment边框。但是bootstrap提供的carousel例子总是工作正常，不pipe窗口的宽度如何。遵循代码。有人能解释为什么旋转木马行为有所不同吗？这是否与图像大小或一些引导configuration丢失？ <section id="carousel"> <div class="hero-unit span6 columns"> <h2>Welcome to TACT !</h2> <div id="myCarousel" class="carousel slide" > <!– Carousel items –> <div class="carousel-inner"> <div class="item active" > <img alt="" src="/eboxapps/img/3pp-1.png"> <div class="carousel-caption"> <h4>1. Need a 3rd party jar?</h4> </div> </div> <div class="item"> <img alt="" src="/eboxapps/img/3pp-2.png"> <div class="carousel-caption"> <h4>2. Create Request</h4> </div> […]

Bootstrap旋转木马全屏幕: 我试图让引导转盘中的图像显示全屏，但一直无法弄清楚，我一直在这个工作一段时间，完全卡住了。现在我只有一个图像，但是一旦它工作，我会添加更多… <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Carousel Template · Bootstrap</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content=""> <!– Le styles –> <link href="../assets/css/bootstrap.css" rel="stylesheet"> <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet"> <style> /* GLOBAL STYLES ————————————————– */ /* Padding below the footer and lighter body text */ body { color: #5a5a5a; height: 100%; […]

Twitter的Bootstrap旋转木马垂直滑动: 是否有可能实现垂直旋转木马滑动widh Twitter的Bootstrap？在bootstrap.js中我find了这个 , slide: function (type, next) { var $active = this.$element.find('.active') , $next = next || $active[type]() , isCycling = this.interval , direction = type == 'next' ? 'left' : 'right' , fallback = type == 'next' ? 'first' : 'last' , that = this 我试图改变方向“上”和“下”，但滑动不工作。