Bootstrap Carousel : Remove auto slide

I'm using Bootstrap Carousel. All I want is that the slider will only slide when a navigation or a pagination is clicked. I've tried removing $('.carousel').carousel({ interval: 6000 });...

Why aren't my html links working in 'Owl Carousel'

I've developed this site http://aevoe.com.au I've used Owl Carousel for the sliding carousel on the home page. However the links I've wrapped the slides in aren't working or even clickable. This...

How to stop Bootstrap carousel from autosliding?

I have built a bootstrap video carousel. It is working just fine but, the only problem I have is the carousel keeps sliding to the next slide after 5 seconds. How do I make it stop autosliding and...

Including line-break when displaying date within a div

I need to display the date to a DIV formatted with the day centered above the month (DD MMMM). However, the page only displays the day. When I inspect element the line break and month are being...

Does Microsoft Edge not support Bootstrap carousel transitions?

I am using a bootstrap modal carousel with sliding transitions that work perfectly fine with Firefox, but I am unable to see them when using Microsoft Edge. Is the function simply not supported by...

create a 3-column carousel slider

I want to create a 3 column carousel slider. I want the images to the left and right appear 50%(see image). Any ideas?

How to automatically set height of slick carousel

I'm using the slick caurousel for test. I am currently hard coding the height of the slides: <div class="slides"> <div>slide a</div> <div>slide b</div> <div>slide...

AMP-carousel arrows not showing on IE and Safari

I am implementing AMP-carousel on one of my pages. I intend to use an amp page for both mobile and desktop because my site is relatively simple and I don't need to have two different versions. The...

Slick Carousel - Set first slide

I have a slick carousel on my website showing a basketball team's schedule. The slider contains all the games from the current season ordered by date. I want the slider to be centered to the next...

Programmatically controlling a carousel in kivy

I'm new with kivy, but I have decent experience with Python and Tkinter. I'm trying to control a carousel in kivy programmatically. Essentially, I have an external python program which I want to...

Bootstrap Carousel Opacity Images and Text

I am trying to use the Bootstrap Carousel to have background-images at a low opacity with header text at full capacity. I am trying to find out a way to target each slider image without bringing...

Adaptive Height for vertical Slick slider

I have a slick slider with a vertical orientation: $('.slider').slick({ slidesToShow: 3, slidesToScroll: 1, arrows: false, dots: false, infinite: false, centerMode: true, vertical:...

Bootstrap carousel caption

I am implement carousel using below code. In this i want two caption as per carousel slide. So i will add one more caption div but it's not working properly.I need one caption for top left corner...

Add Image carousel in markdown

I want to create image carousel in my GitHub README.md file. I saw that code HTML does not work very well in markdown but I want to know if it is possible to do carousel in markdown. I am using...

Change Bootstrap Carousel fade transition

There are several questions asked on Stackoverflow regarding Carousel fade transition but none of them seem to work on a default 4.0.0 implementation: <div id="carouselExampleIndicators"...

React responsive carousel height not adjusting properly

I am using react responsive carousel and it's rendering weird render() { return ( <div className="slider-container"> <Carousel className="carousel-style" showArrows={true}...

syntax error, unexpected 'endforeach' (T_ENDFOREACH), expecting end of file (in my slider view - carousel)

I don't know what to do, my index page doesn't work... I mean it working perfectly before I add function slider that already connect to database... What must I do? An uncaught Exception was...

How to change v-carousel scroll/slide transition speed?

I'm using a v-carousel with some images and I want the slides between the itens to be slower/smoother. What would be an elegant way to do it? <v-carousel interval="5000" :height="window.height -...

React Slick prev and next methods throw an error

import * as React from 'react'; import styles from './Birthday.module.scss'; import { IBirthdayProps } from './IBirthdayProps'; import { Icon } from 'office-ui-fabric-react/lib/Icon'; import {...

Overlap Slides on Owl Carousel

I'm working on this slider where the design is as follows: So far I've tried to use negative margins as well as translations to get this effect using CSS. Does anyone know how I could get this...

React native 0.59.9 app crashing in android

The app crashes when I signed in and in the main application but no problems when I am in the login screen with no error what so ever and a few seconds the app crash. The IOS is doing okay and...

react-native-webview how to inject javascript?

On Android, I had been using expo-stripe-checkout for payments on an Expo managed app. Everything was working fine until I updated to the newest version of expo and react-native. Now, none of the...

impossible to customize react-bootstrap carousel with dot

I am using the carousel from react-bootstrap it works fine for me but the only things I can not customized are: arrows indicator lines I just want to change the arrow color from white...

React js react-responsive-carousel not loading with webpack

I am using React Responsive Carousel for my project, but I am getting this error in console ROR in ./node_modules/react-responsive-carousel/lib/styles/carousel.min.css 1:0 Module parse failed:...

Transition in Carousel from React-bootstrap not smooth

Hey StackOverflow coders, I'm building out my portfolio from scratch in React and about to deploy it but there is a glitch with the transition of slides in the carousel unfortunately. I've tried...

Problem with using angular material-carousel slider with image

I'm tring to build carousel with images in angular. I did it acoording to this link: https://therichpost.com/angular-9-material-carousel-slider/. but it doesnt work. the problem is that it shows...

How to create a Swiper JS, HTML CSS Carousel with blurred non focused elements?

I'm trying to reproduce this piece of design for the web. but I'm not sure what's the best solution to achieve this goal. I need to develop it inside WordPress. I tried a good solution for other...

Carousel Bootstrap 5: JQuery to Javascript

I need a bootstrap 5 carousel, showing multiple items and slide one at time. All I need is to translate the Jquery code to pure Javascript. Then I could remove the jquery dependency. I found this...

Implementing React Awesome Slider

I've started recently learning React and I'm having trouble to implement the React Awesome Slider in my code. https://github.com/rcaferati/react-awesome-slider Heres my code so far. I'm trying to...

React bootstrap Carousel not working properly

I'm new using react bootstrap, and I'm trying to use a Carousel, however it's giving me this bug of the last slide disappearing when changing slide: Here I'm sliding and that happens, also the...