Questions tagged [tiny-slider]
18 questions
1
vote
1 answer
Can't get tiny-slider-react functionality to work
Can't get the npm package tiny-slider-react to work. Probably doing something basic wrong. It imports just fine without any errors, but it only displays the loadingimages without any functionality, just as if the images would be if you'd do ![]()
.…
Felix T
- 15
- 5
1
vote
1 answer
Tiny Slider - Show exactly number of items in Responsive mode
Hi i'm using Tiny Slider :
http://ganlanyuan.github.io/tiny-slider/
and i have a problem with Responsive Mode:
This is the code i currently using:
{% set productSliderOptions = {
productboxMinWidth: '100%',
…
user17787214
0
votes
1 answer
Getting the index of the leftmost slide in Tiny Slider
What I have
I'm using Tiny Slider. I want to create click events on each of my slides to find out if the leftmost slide was clicked or another one was.
What I have tried so far
I thought that slider1.getInfo().displayIndex was the way to go until I…
erlango3
- 171
- 3
- 13
0
votes
0 answers
tiny-slider-react ref property throw an error
I'm using next.js to build a website, I need to create a carousel to show my project.
I use tiny-slider-react to create my carousel everything it's ok but I need my own custom to change the carousel item in this link it says to add ref to TinySlider…
Amir Hossein
- 916
- 2
- 13
- 38
0
votes
2 answers
tiny slider react error ReferenceError: window is not defined Nextjs13
I'm using 'NextJs 13to build a website, in my home I have a slider of my products and I usetiny-slider-react` to create a slider.
I added use client in the first line of my carousel.js file;
carousel.js file code:
"use client";
import TinySlider…
Amir Hossein
- 916
- 2
- 13
- 38
0
votes
0 answers
How to use tiny-slider in blazor server
I'm trying to user tiny-slider in my blazor server application, but it's not functioning properly.
Problem encountered:
I have to reload the page for the slider to work.
The slider causes a layout shift (CLS)
I sometimes get this error in the…
Bane
- 99
- 7
0
votes
0 answers
Javascript/Tiny Slider - Always show control button although no further item to scroll
I'm using tiny slider https://github.com/ganlanyuan/tiny-slider and if there are no items left to slide or in other words all are visible, the prev/next buttons disappear. How can I have the prev/next buttons always be visible?
That's my sript, and…
Philipp M
- 3,306
- 5
- 36
- 90
0
votes
0 answers
Why is tiny slider rendering images at decimal ratios?
I am creating a banner slider using tiny-slider.
When loading the webpage on a lower screen resolution or zooming in and out of a moderate screen resolution, the decimal widths show the next slide.
I have tried setting a 100% width to the image and…
Jack
- 1
- 2
0
votes
0 answers
Bootstrap 5 card group with tiny-slider-2, Card width changing
Im trying to use Bootstrap 5 card group with tiny slider.
Tiny slider changing Bootstrap Card width.
Tiny slider autoWidth and fixedWidth not fixing Card Width.
HTML Code
oneclick
- 91
- 2
- 9
0
votes
1 answer
How can I display only one picture as Thumbnail Navigation using Tiny-slider?
I am using Tiny Slider with the customization showing Navigation as Thumbnails for one my project.
What I am trying to achive is that the Navigation Thumbnail only show 1 image (the next one after the active slide) instead of all images in…
0
votes
1 answer
Tiny-slider How do I remove the slide number?
I want to know if there's a property I can use to access the slide number. I'm going to need it for the functionality I want to include, but I don't want it to be displayed on the webpage.
I combed through the library to see if there was an obvious…
Tchaly Leandre Jr.
- 89
- 1
- 9
0
votes
1 answer
Tiny Slider JS doesn't work when using Array of Objects
My current problem in this question was solved, to iterate the data dynamically using Array of Objects.
Now the problem here is the rendering of data using Tiny Slider JS. I rendered it in the HTML code but unfortunately, it doesn't follow the…
John Paulo A. Geronimo
- 153
- 3
- 10
0
votes
1 answer
Iterate the data dynamically using Tiny Slider JS
I have array of objects that includes name and description. My goal here is to display the name and description dynamically in my image carousel with the help of Tiny Slider js.
I try the following attempt but failed.
Use .getElementById() to get…
John Paulo A. Geronimo
- 153
- 3
- 10
0
votes
1 answer
tiny slider vertical slider large layout shifts.. how to fix?
I am using tiny slider and the vertical slider option causes large layout shifts while loading. I get this message in Google Page Speed "Avoid large layout shifts". I would like to fix. Please can someone recommend a fix?
I have 2 vertical sliders…
wheretheresawill
- 45
- 1
- 6
0
votes
1 answer
On Safari only, a focus outline is appearing upon clicking of slider element
The site where this is occurring:
https://elearning.scranton.edu/
On safari desktop and mobile, if you scroll down to the program slider and click on the arrows you will see the entire slider module receives a grey dotted focus outline. I can't…
dmking0728
- 41
- 9