1,663 questions
0
votes
2
answers
134
views
undefined (reading 'name') in OWL component when using t-component
I have a such seat map template that is registered in my seat_map.js
<?xml version="1.0" encoding="utf-8"?>
<templates xml:space="preserve">
<t t-name=&...
0
votes
0
answers
141
views
Angular18 : ngx-owl-carousel-o does not rendering correctly
I am using ngx-owl-carousel-o version 18 with Angular18. I am trying to use 2 owl-carousel into single row. But it does not rendering as expected. Owl corousel displaying only one item. Owl-carousel ...
2
votes
1
answer
223
views
Netflix slider card hover owlcarousel tailwind
I want to recreate the netflix slider using tailwind and owlcarousel. It's almost done as I want but I'm facing a problem when I hover the card I apply a scaling up to the card to display details but ...
1
vote
1
answer
232
views
owl-carousel slides duplicates in ssr angular 17
I'm using Angular 17 with ngx-owl-carousel-0 : 17.0.0 package.
I have my customOptions set as:
customOptions: OwlOptions = {
loop: true,
mouseDrag: false,
touchDrag: false,
pullDrag: false,
...
1
vote
0
answers
180
views
I'm using Angular 17 and wanted to use ngx-owl-carousel but having this issue,
The error
`TypeError: e.animate is not a function
at xc._triggerWebAnimation (/node_modules/@angular/animations/fesm2022/browser.mjs:4027:20)
at xc._buildPlayer (/node_modules/@angular/animations/...
0
votes
1
answer
174
views
custom owl carousel layout
I want to create a custom layout/slide using Owl Carousel, but I'm not sure how to accomplish this.
Here's the slider I'm trying to achieve:slider i'm trying to achieve
And this is the slide I've ...
1
vote
0
answers
96
views
owl carousel open image on click in modalview
I created a carousel with owl-carousel. How can i open a image by click in a modal view?
My Html:
<div class="owl-carousel owl-theme">
<div class="item">
...
0
votes
0
answers
102
views
Owl Carousel 2.2.1 Turn off Hover Image
I'll be honest....I'm not the greatest at HTML, CSS, and JS...but I get by. I installed a pre-loaded wordpress template and it uses Owl Carousel 2.2.1 to scroll through blog posts on the front page.
...
2
votes
1
answer
851
views
owl-carousel positions next and previous below images
I'm using Angular 17 with ngx-owl-carousel-0 : 17.0.0 package.
I have my customOptions set as:
customOptions: OwlOptions = {
loop: true,
mouseDrag: false,
touchDrag: false,
pullDrag: false,
...
0
votes
1
answer
553
views
autoplay owl carousel when video ends
I have a problem with Owl Carousel, I would like to create a carousel consisting of both images and video. I have problems with the video, I would like the scrolling to the next element to happen when ...
0
votes
1
answer
171
views
Angular Owl Carousel isn't horizontally its vertically
In my Angular project, I used an Owl Carousel in my home-component.html in here as it can be seen:
<section>
<div class="container">
<h1 class="products-title"&...
0
votes
0
answers
49
views
Owl-carousel dots are duplicated on iphone
As you can see it on the attached photo, my owl-carousel dots are dupliacted, and also going under each other, on iPhone.
On pc, and other phones, everything works nice, there are just 2-3 dots, and ...
0
votes
1
answer
126
views
"owl carousel" not working when appending data dynamically using jquery
I'm appending the data dynamically to "owl carousel" and initially the data is showing correctly and next (when I click the button) I'm erasing and re-assigning the data to the "owl ...
0
votes
1
answer
59
views
jquery__WEBPACK_IMPORTED_MODULE_2___default(...)(...).owlCarousel is not a function (React)
I'm making a web-application where I need a owl-carousel to be implemented.
My component "TopEventSection.jsx" file:
import React, { useEffect } from "react";
import img from "...
1
vote
1
answer
337
views
Call JS function from XML
I want to call a js function in Odoo from XML
<template id="portal_my_attendances_inherit" name="My Attendances"
inherit_id="hr_attendance_portal....
0
votes
1
answer
72
views
Make the last visible item blurry in owl-carousel
I am using owl-carousel, and i would like to make the last item that is visible, a little blurry. I maked a photo in photoshop, that what i want.
<div class="owl-carousel owl-theme ...
1
vote
1
answer
489
views
Browser horizontal scrollbar appears when using owl-carousel [closed]
On my demo site, i am using the owl-carousel to slide some gallery images.
My problem is, that the browser's scrollbar is always visible, since i have added the owl-carousel to the site.
I tryed ...
1
vote
0
answers
86
views
How to add condition for loop in owl carousel 2
I have this code everything is ok but I want to add condition on loop if the current product list has more then 6 product it should add loop otherwise make it false.
$(".demo .product-list")....
1
vote
2
answers
445
views
How to make owl carousel using external javascript files without node module
I already made owl carousel from origin template without node_module 'react-owl-carousel'. But now I sometimes see errors such as not adding owl-item class when loading pages.
I imported javascript ...
0
votes
1
answer
550
views
Javascript Owl Carousel custom navigation with small image previews
I am trying to make custom image carousel with owl carousel, i want to have large image in center with nav arrows on its sides, and below preview(thumbnail) of other images in gallery . exactly like ...
1
vote
1
answer
326
views
A centered swiper slider/owl carousel with variable aspect ratio images
I want to be able to use images of any dimensions in my slider which have a big centered image and not-active slides are like thumbnails.
If you look at this you will understand what I want.
Enter ...
0
votes
1
answer
175
views
Owl Carousel Filter
Greetings to everyone.
First of all, I would like to point out that our English is not very good.
I filtered with owl carousel. I found the codes on the internet. I edited it a bit and it's working ...
0
votes
1
answer
125
views
Why is Owl carousel not loading images
I'm using an owl carousel for my project but it doesn't display images and no slideshow is taking place maybe I have missed something out I don't know but I have all JS and CSS files loaded correctly.
...
-1
votes
1
answer
852
views
OWL Carousel Buttons do not have an accessible name
I have this:
NAMES AND LABELS
Buttons do not have an accessible name
When a button doesn't have an accessible name, screen readers announce it as "button", making it unusable for users who ...
0
votes
1
answer
412
views
How can I change the color and the size of the dots in ngx-owl-carosel-Angular?
How can I change the color and the size of the dots in the ngx-owl-carousel-o in Angular? I have tried everything and it is not working. How can I overwrite the basic owl-carousel styles?
...
0
votes
0
answers
212
views
Angular - Owl carousel: items with multiple logos and rows
I'm working on an owl-carousel that displays different logos (currently 43). You can scroll through them by clicking on the navigation arrows or on the dots. I've been instructed to display 6 columns ...
1
vote
1
answer
315
views
Owl Carousel prev button is not working when i navigate from another page
i have an two separate pages. For example let's say firs and second page.
I have an owl carousel slider on my first page thats having a tag thats href to the specific slide on my second page owl ...
0
votes
1
answer
2k
views
Unable to use OwlCarousel in my React Project
I don't have expertise in using React Libraries and Packages. Need some help in understanding the issue I'm facing. I'm using React OwlCarousel for my Project but it shows the error:
"Cannot read ...
0
votes
1
answer
733
views
How can I style the active and centered slide in ngx owl carousel in Angular?
I've been a few days now trying to understand how can I style my .active.center slide that was generated by the Ngx Owl Carousel structural directive.
As you can see in the image below, I have a .owl-...
0
votes
2
answers
57
views
OWL Carousel - How to make last slide first (json)
Good day
I'm editing a project that is using owl carousel, currently the carousel is in random mode, I want to sort it descending, here's the code.
`self.carousel = function(){
setTimeout(...
0
votes
0
answers
50
views
owlCarousel is not a function in rails
I have a rails app where I'm attempting to use an owl carousel to display a list of testimonials with images. I think I have everything set up correctly, but I'm still receiving a console error that &...
1
vote
2
answers
1k
views
When I use OwlCarousel nothing is displayed
I want to use OwlCarousel and I used both the js and css files that are inside the OwlCarousel website and the cdnjs files, but when I add the files, nothing happens.
Can you please help me, where is ...
0
votes
1
answer
292
views
ReactJS Jest testing issue with react-owl-carousel
I am trying to run test in ReactJS project, it is working fine but as soon as I include
import ReactOwlCarousel from 'react-owl-carousel';
I get following error
FAIL src/App.test.js Test suite ...
0
votes
0
answers
206
views
owl carousel behaving vertically when the page is first loaded
when the page is first visited it would be like this after refresh it behaves normally as horizontal slider,it also react like this in desktop screens after refresh or resize only it behaves properly
&...
0
votes
0
answers
574
views
Codesandbox Error: "Cannot read properties of undefined (reading 'fn')"
I'm trying to import react-owl-carousel in my project. I see the error mentioning, "Cannot read properties of undefined (reading 'fn')". Although I've properly installed owlCarousel.
Here is ...
2
votes
2
answers
3k
views
How to make continuous loop of slides in react-responsive-carousel?
I'm using react-responsive-carousel in my application. When I scroll next in last slide, it moves to first slide. But it goes to first slide passing through all slides in between. How to prevent this ...
-1
votes
1
answer
1k
views
can I use owl carousel in angular version 14.2.10?
The problem is when i try to do "npm i ngx-owl-carousel-o", It gives me an error saying that something wrong about the angular version. My angular version is 14.2.10. what can I do?
I tried ...
0
votes
1
answer
921
views
how to use owl-carousel in react.js
I am working on a project using react (javascript framework). I want to use owl-carousel, but it is not working. It keeps throwing this error.
OwlCarousel.js:1758 Uncaught TypeError: Cannot read ...
0
votes
0
answers
154
views
Mybutton prev and next is not working | Next js Owl Carousel
I can't use my button prev and next, how do i get the button to work.
This my code
export const Slider = () => {
const carouselRef = useRef(null);
const handlePrev = () => {
...
0
votes
1
answer
110
views
Can't access property due to wrong generic name (jQuery)
I need to use the old owl carousel which is based on jQuery. Changing a setting during runtime worked like so in the past:
$('.owl-carousel').data('owl.carousel').options.nav = false;
$('.owl-carousel'...
0
votes
0
answers
48
views
Change scroll behavior when use transform: rotate() CSS property ngx-owl-carousel-o
I have some issues with scrolling when use transform: rotate(180deg) CSS property in body related to carousel
At Moment Scroll is working good LTR when rotate screen need to as LTR for viewing person
[...
0
votes
0
answers
441
views
owl carousel play and stop buttons for multiple sliders
I wanted to add a play/stop buttons to owl carousel. So far I managed to achive:
Added the play/stop buttons before owl-dots
Wrapped it all in a div.controls for better styling.
and this works well ...
5
votes
2
answers
14k
views
How to make Bootstrap 5 cards the same height in card-columns with owl-carousel?
I use cards for images in my carousel, and I'd like to make the height of each card equivalent.
Using the class h-100 doesn't work.
Changing any of the p tag content makes the size of the card ...
1
vote
1
answer
82
views
Insert a var in JavaScript img tag
I use Owl Carousel in WordPress website and I want to use site URL dynamically to add nav imgs from theme URL to website.
This is the code:
$(".home-slider-wrapper").owlCarousel({
autoplay: ...
0
votes
0
answers
102
views
issue with the Owl carousel because of an incorrect linking of something?
I am attempting to incorporate the Owl Carousel into my latest project, but I seem to be encountering some difficulties with it. At this point, only the HTML and CSS seem to be functioning correctly. ...
0
votes
1
answer
46
views
How to stop carousel responding to mobile device?
This carousel puts text below the image only when on a 'mobile' device but I want it to be below the image on all devices/screen sizes. I just can't figure out what I need to change to get this to ...
0
votes
0
answers
33
views
Content in owlcrowsel not showing
Content in owl carousal not showing. Below is jQuery as we HTML code generated after owl carousal implementation. even no text appears in it. only navigation and dot showing. nothing else accept blank ...
1
vote
1
answer
501
views
Owl Carousel display issue
I am trying to make pictures be in a carousel horizontally, however whenever I try, it displays it weird like it is vertical. Here is a snippet of my code
<div class="owl-carousel owl-theme&...
0
votes
1
answer
400
views
How can I implement carousel as in fb stories react js
Can anybody give me any source, How can I implement a react carousel like facebook stories? with the nav button effect that I have marked in the image.
1
vote
1
answer
1k
views
How to modify position of prev & next buttons of owl-carousel-o 14.0.1 version
I've spend some hours trying to modify the position of my carousel's buttons prev and next.
They are currently at the bottom of my carousel and are very small (and really not very visible).
I tried ...