carousel

问题 I have been looking at ways on google to use multiple carousel on a single page and yet did not find any of the solutions working for me. Can anyone of you please help. Here is the code: HTML <!-- Carousel 1 --> <div id="demo"> <div class="container"> <div class="row"> <div class="span12"> <div id="owl-demo" class="owl-carousel"> <div class="item"> <h1>1</h1> </div> <div class="item"> <h1>2</h1> </div> <div class="item"> <h1>3</h1> </div> <div class="item"> <h1>4</h1> </div> <div class="item"

问题 I created a CarouselPage but I need CarouselView so I can add other control onto the page. For some reason, nothing showing up. Don't know what I am missing. public class Zoo { public string ImageUrl { get; set; } public string Name { get; set; } } public ObservableCollection<Zoo> Zoos { get; set; } public PlayKeySound() { Zoos = new ObservableCollection<Zoo> { new Zoo { ImageUrl = "http://content.screencast.com/users/JamesMontemagno/folders/Jing/media/23c1dd13-333a-459e-9e23-c3784e7cb434

问题 I'm playing around with fullpage.js and would like to use the built-in horizontal slider which works like a charm. What I am missing is the possibility to show a tooltip on each active dot (and when hovering them) as it does on the vertical section menu. I found a brief guide to realize this feature in following question, comment from jfoutch at the very end: horizontal slider using full page.js. I don't know how to use the jQuery.text() method or rather where to start exactly. Any help is

问题 Content sliders, like bxslider or Bootstrap's carousel, use div s to define slides . This is great for images and many other elements but it doesn't make much sense for things like lists or tables (and probably more). List example #1: <div><!--slider container--> <ul> <div class="active"><!--currently shown slide--> <li>Blah</li> <li>Blah</li> <li>Blah</li> </div> <div><!--another slide--> <li>Blah</li> <li>Blah</li> </div> </ul> </div> This is not valid. List example #2: <div><!--slider

问题 Content sliders, like bxslider or Bootstrap's carousel, use div s to define slides . This is great for images and many other elements but it doesn't make much sense for things like lists or tables (and probably more). List example #1: <div><!--slider container--> <ul> <div class="active"><!--currently shown slide--> <li>Blah</li> <li>Blah</li> <li>Blah</li> </div> <div><!--another slide--> <li>Blah</li> <li>Blah</li> </div> </ul> </div> This is not valid. List example #2: <div><!--slider

问题 This code comes from a tutorial so it's not originally my own work. What I am trying to do is implement this several times on a single page. I have tried and so far failed - by numbering the id "carousel" and so forth. Any help would be seriously appreciated. I'm tearing my hair out. http://jsfiddle.net/AndyMP/zcKDV/5/ For completeness.. this is the carousel JQuery as it stands. //rotation speed and timer var speed = 5000; var run = setInterval('rotate()', speed); //grab the width and

问题 I put in my bootrap carousel some 940x120 images, i want the navigation arrows of the carousel to be out of the image, so they don't cover it. If did this: .carousel-navigation.left { margin-left: -45px; } .carousel-navigation.right { margin-right: -45px; } When the Carousel cycles trough images the image bounce on the left side, like if it's following the arrow initial position for half second, then goes back to correct position, but this effect while cycling is not nice. How can i avoid

问题 In a Bootstrap carousel item, I have a row of images nested in Bootstrap columns. Their height varies according to the width of columns. In the same row, there are also carousel controls LEFT and RIGHT for changing the items of the carousel. I need to have the controls left (<) and right (>) vertically centered to the row. How can this be acomplished? I tried to remove the row class and use the dislay: table and table-cell, which aligned controls vertically, but whole responsiveness was lost.

问题 Trying see this carousel doing infinite laps. After the last image will see the first image again and before the first see the last image. Was used this Jquery: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> $(document).ready(function() { $('#carousel_ul li:first').before($('#carousel_ul li:last')); $('#right_scroll img').click(function(){ var item_width = $('#carousel_ul li').outerWidth() + 10; var left_indent = parseInt($('

问题 I'm wondering if anyone using Jcarousel would have a suggestion on how to clone or display the very last image of the carousel as the first image. Example of 5 photos where the carousel shows 3 images it currently looks like this: 1 - 2 - 3 (4 and 5 are waiting to be shown) Instead, here is what I am trying to achieve on load: 5 - 1 - 2 (3 and 4 are waiting to be shown) What I am using at the moment is the following settings: wrap: 'circular', scroll: 1, auto: 1, I have tried an offset: -1