carousel

问题 I have got a script which runs a carousel in the site. This is the script which is doing the work. And I need to add a play/pause button in there. User @gskartwii has helped me in here Javascript - How to add a pause button in carousel? to add the button. And I have modified the code to adjust with the design. The problem is pause is working fine. But once it's paused clicking it again is not resuming the play! I am not an expert on Javascript, so not sure what should I need to cahnge. :/ Can

问题 I am having a problem with the SKrollr.js plugin for Parallax and smooth scrolling. Everything works fine except Bootstrap carousel's, and im sure any carousel for that matter. It's clearly a display:none problem when the plugin is setting itself up on load and can't see any of the .item classes. But I can't figure out how on earth to get Skrollr to see all of the slides/.item classes when it's rendering. I even tried this kinda stuff. My Skrollr markup isn't the problem that code always

问题 I really like the carousel on the Google Chrome Web Store. It is beautiful, neat and very effective. Here is an example: https://chrome.google.com/webstore/detail/cnneehghmdakbiinndechnolpjocoecc I would really like to replicate it with JQuery on my website. What [stable and reliable] plugin can I use to implement that exactly as it is or, at least, something very very similar? I already know JCarousel but I would like something neater and nicer. Thanks, Dan 回答1: How about Infinite Carousel 2

问题 I want my carousel to wait for the video to finish before going to the next slide. This is my code, I'm looping it according to the number of media files in my database. <div id="mediaCarousel" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <!-- container dimensions should be max = w1338xh691 --> <!-- if there's no media --> <?php if(!$media): ?> <!-- callback here, in case there's no media in the database. --> <div class="item"> <img src="<?php echo base_url()?

问题 I would like to re-open this question. I have a bootstrap thumbnail carousel that works great on a desktop. The carousel-inner container rotates through 3 item divs, each containing 6 images. As the screen gets smaller, the container also gets smaller but still shows all images. At some point (on a phone) the 6 images can no longer be rendered horizontally, so they are rendered vertically. But what I'd rather show is 1 of the 6 images at a time and scroll through them. Here's the page I've

问题 I have created this page http://www.virtuemax.com/projects/urtotal/index.html Its a static page and built entirely on bootstrap's framework. The carousel works fine but when you click the left arrow to navigate the carousel to the left it throws errors. Can anyone help? 回答1: Your HTML is not written properly <div class="carousel-inner"> <img id="floral" src="img/floralOrange.png" alt=""> <div class="item active"> <img alt="Slide 1" src="img/slide1.jpg"> </div> <div class="item"> <img alt=""

问题 I'm using Bootstrap's Carousel to create a dashboard that shows a bunch of Highcharts widgets. I've successfully implemented it so 1 chart shows up and used a bit of "chunking" logic to show 2 widgets at a time. This all works great, but I'd like to enhance things: If the user has a screen size big enough to fit 2 charts, show 2 charts and paginate by 2. If the user has a small screen size that only fits 1 chart, show 1 and paginate by 1. If the user has a screen size < 2 up, but > 1, show 1

问题 Picrelated is a carousel i'm struggling with. By clicking "next" navigation arrow, text caption should fadeout first and then the image block should slide to the left. While the image block slides - next caption fades in. I've tried to use Nivo Slider and BX Slider, but failed permanently. Can you suggest me any helpful jquery plugin or the way to do this? 回答1: Hey Try this code. <style> #slideshow #slidesContainer { margin: 0 auto; width: 300px; height: 263px; overflow: auto; /* allow

问题 Picrelated is a carousel i'm struggling with. By clicking "next" navigation arrow, text caption should fadeout first and then the image block should slide to the left. While the image block slides - next caption fades in. I've tried to use Nivo Slider and BX Slider, but failed permanently. Can you suggest me any helpful jquery plugin or the way to do this? 回答1: Hey Try this code. <style> #slideshow #slidesContainer { margin: 0 auto; width: 300px; height: 263px; overflow: auto; /* allow

问题 I need to use slick carousel or coverflow like functionality in Angular2 application. Is there a plugin or module provided by npm for the same that can be used in Angular2? One of the Stack Overflow questions talks about this topic but it does not highlight the way to use it. Link here: Slick Carousel with Angular 2. 回答1: Implementation of slick carousel is really easy and you need to do the following: npm install slick-carousel --save --global Then install types $ npm install @types/slick