carousel

问题 I am trying to implement ui-bootstraps carousel but when the page loads the first image doesn't show but the controls and indicators do. Then, when the second image shows, I can use the controls to go back to the first image and it will show fine. I can use the controls to get to the last slide or let it slide automatically but when I get to the last slide the carousel stops working and gives the error "Cannot read property 'slide' of undefined" which points to line 576 of the ui-bootstrap

问题 I'm looking for a way to display the img title & alt tags in a div ( .image-caption ). This is my code so far: owl.on('changed.owl.carousel', function(event) { var comment = $(this).find('img').attr('alt'); var title = $(this).find('img').attr('title'); if(comment) $('#desktop .image-caption').html('<h4>'+title+'</h4><p>'+comment+'</p>'); }) Any ideas? Thanks! 回答1: You can use translated.owl.carousel event for that Here is a working Fiddle owl.on('translated.owl.carousel', function(event) {

问题 Looking for a way to use slick carousel and be able to change the amount of time the slide is displayed on an individual slide basis. In case I'm not explaining it well, assume I have 5 slides. I want to be able to define the display of slide one for 5s, slide 2 for 10s, slide 3 for 7s, etc... ref: http://kenwheeler.github.io/slick/ 回答1: I was looking for the same thing but since I did not find any answer to setting an individual slide duration I built it with a recursive function that calls

问题 I have a carousel with an image that i would like to put text over, but it is not working. The text appears under the image instead of overlayed on top of it <!-- WRAPPER FOR SLIDES --> <div class="carousel-inner"> <div class="active item"> <div class="carousel-content"> <img src="img/Slide 1.jpg" alt="..." position="relative"> <p>TEST</p> </div> <div class="carousel-caption"> <h3>What we do</h3> </div> </div> <div class="item"> <img src="http://placehold.it/1200x315" alt="..."> <div class=

问题 I've setup slick carousel to continuously scroll, however I need to to scroll in the oposite direction. Adding the RTL option didn't seem to work. Fiddle here (currently left to right) http://jsfiddle.net/mth2ghod/ $(function(){ $('.slider').slick({ speed: 10000, autoplay: true, autoplaySpeed: 100, cssEase: 'linear', slidesToShow: 1, slidesToScroll: 1, variableWidth: true }); }); 回答1: Change the slidesToScroll to a -1 (it will change the slide direction) $(function(){ $('.slider').slick({

问题 At the end or beginning of a Sencha Touch 2 carousel, a user can drag the item past where it should be able to go and display the white background (screenshot here: http://i.imgur.com/MkX0sam.png). I'm trying to disable this functionality, so a user can't drag past the end/beginning of a carousel. I've attempted to do this with the various scrollable configurations, including the setup that is typically suggested for dealing with overscrolling scrollable : { direction: 'horizontal',

问题 I'm having a problem using the HammerJS with Angular2. I have a carousel (based on the bootstrap carousel with Angular2 event handlers) where I'm listening to the swipe left and swipe right events. The swipe itself works perfectly. The problem is that since I use the HammerJS I can not scroll up/down over my carousel component and since it's a full viewport sized item it's a huge issue. How can this issue be solved? Platform: Angular2 2.1.2 Samsung Galaxy S2 with Android 5.1.1 Google Chrome

问题 I've been playing with the bootstrap carousel, trying to make it display 4 columns per slide, responsively. The responsive side of things is perfect, however when the last slide slides the carousel isn't wrapping back to the first slide. It just disappears. Can anyone identify the problem? HTML <div id="carousel-example-generic" class="carousel slide"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> <li

问题 Hi I want to create a simple jquery carousel for my php web application. I am using php5 and mysql. How can I create that any body can help me? 回答1: Try this tutorial - http://jqueryfordesigners.com/jquery-infinite-carousel/ Although please note, there are lots of other carousel's out there that you could try/use - e.g. http://sorgalla.com/projects/jcarousel/ and http://plugins.jquery.com/tag/carousel/ - so I wouldn't generally recommend starting a new one. 来源： https://stackoverflow.com

问题 Anyone has implemented like the below carousel ? Note: The list of items should not be repeated, means should not come to first after reaching the last item. Please help me on this. [edited] I don't want to use ListView for this. anyone help me on this. Thanks... 回答1: this should get you started. Override your ListView like so: private final Transformation mTransformation; public ListView3d(Context context, AttributeSet attrs) { super(context, attrs); if (!isInEditMode()) {