carousel

问题 I have a nuka carousel with 3 slides and the height of the slides depends on the size of the content. So if one slide has 5 rows of text and another has 6 rows of text the one will be higher than the other. So to fix this I found a heightMode prop where the slides height will be set after the tallest slide but when I test locally it doesn't do anything. Is there any way to change slideHeight manually? Does anybody know if heightMode prop is working or not? 回答1: I also encountered this problem

问题 I'm unable to invoke the 'pause' function on the Bootstrap (3.0.2) carousel. I've tried every way I can think of to refer to the carousel instance, but - no errors, no pause. <script> var stepIndex = 3; $('.carousel').carousel({ interval: 3000 }); $('#carousel-couples').on('slide.bs.carousel', function () { stepIndex-- console.log("carousel stepping", stepIndex); if (stepIndex == 0) { console.log("supposedly pausing carousel"); $('.carousel').carousel('pause'); } }) </script> </body> </html>

问题 Hi have a responsive problem in the sizing of a carousel images, 7 of them are in horizontal size (1800x1200) but one - the last - is in vertical and I can't code it propertly to have it responsive: https://www.luismatera.art/refugio.html Code for carousel is: <div class="row"> <div class="col-md-1 hidden-xs"></div> <div class="col-md-10 col-xs-12 col-sm-12"> <div id="carouselExampleControls" class="carousel slide carousel-fade" data-ride="carousel" data-interval="10000"> <div class="carousel

问题 I've gone through with many solutions but still looking for best. I want to do something like This should be a list containing custom cells and it shall be showing one view highlighted at one time and two adjacent views(pre/post) must be shown slightly. If anybody have any experience in this work please share. Any help would be highly appreciated. 回答1: Are you open to html5/hybrid solutions ? There are many libraries in the market that does the work for you. In case you need some on android

问题 Community :-) this is my first Question. There are similar but I have a very special problem. I try to change the items of an bootstrap carousel on demand - but it frozes after that. If I do, it shows the first active but I cannot use the slide buttons and indicators. I the Demo I have triggered the replacement with setTimeout 10 Seconds. So you can see 10 Seconds the static coded items and after that it will be replaced by JQuery ReplaceWith. Is there a refresh command or similar ? 回答1: I

问题 When i scroll mouse wheel it moves but when i change scrolling direction it does not change its direction. How can i make my owl carousel direction follow the mouse wheel direction ? When i scroll mouse wheel it moves but when i change scrolling direction it does not change its direction. How can i make my owl carousel direction follow the mouse wheel direction ? var owl = $('.owl-carousel'); owl.owlCarousel({ loop: true, margin: 10, padding: 10, responsiveClass: true, rtl: false,

问题 I am trying to detect whenever the bootstrap carousel is sliding automatically but I can't find anyway of doing so... No info on the slid.bs.carousel that tells if the user triggered the event or if it was triggered by the automatic scroll (bootstrap sliding intervals). One way I tried to solve this was by detecting if the bootstrap slid.bs.carousel event was triggered by a user's interaction by binding a function who adds a propriety and it's value to the event once the user triggers it and

问题 i would like an effect like on this site http://demo.grandpixels.com/ where the divs .callout are layered over the carousel. I'm trying to do this in bootstrap. But my divs always go under the carousel. I've tried setting z-index of the callouts but that doesn't seem to work. .callouts { display: block; margin-top: -150px; z-index: 999999999999999; } You can check the basics at http://jsfiddle.net/5ejse/ Thanks in advance! 回答1: You all but have it. The only thing you are missing is that for z

问题 Environment: I'm working with JSF2.2, Bootsfaces 0.9.1, Primefaces 6.0, JEE7 and Hibernate 5.2 in combination with MySQL 5.7 DB. What I have: I've got a model which has a set of images. The set contains instances of my custom Image class which holds values for the Image like a title, description and the filename. The images are stored on the filesystem and I got the MySQL DB for storing the models. I tried to display images on a view in my webapp and everything works fine. I also displayed

问题 I am using this popular carousel (http://kenwheeler.github.io/slick/). I have placed certain elements inside each slide. At least one of these elements must be selected by the user before moving to the next slide. But I cannot figure out how to prevent the user from manually moving to next slide by clicking the 'next' arrow before selecting an element. I know that 'next/previous' arrows can be disabled but I do not want to do that as the user might want to go back to previous slide to change