Stack Overflow
Stack Overflow

Questions tagged [siema]

Siema is a lightweight carousel plugin with no dependencies and no styling. Use this tag to ask questions related to Siema carousel and it's implementation. Don't confuse with other carousels. For general carousel related questions, there is a "carousel" tag.

Siema is a lightweight (only 3kb gzipped) carousel plugin with no dependencies and no styling. It is 100% open source and available on Github. It is free to use on personal and commercial projects. Visit their official documentation for more info

11 questions
2
votes
0 answers

How to configure Siema plugin on angularjs

I'm trying to implement Siema (https://pawelgrzybek.com/siema/) But it's never working. It's like it never takes the config and doesn't initialize anything. This is angularjs 1.6. thx. suggestion.component.js (function () { 'use strict'; …
NoHoney_k1ll
  • 251
  • 3
  • 12
1
vote
0 answers

Siema slider intialization in mounted fires before v-for elements are loaded

I'm trying to create a siema slider displaying elements in an array using v-for. I initialize the siema slider in the Mounted method, however, when I try to do that, I get the error message TypeError: this.innerElements[r] is undefined. When I…
n kowa
  • 11
  • 1
1
vote
1 answer

Siema carousel won't work I have added the file in my wp-includes

I am trying to get this work on my WP page but it won't work. I have downloaded the stable release from here and added siema.min.js file in wp-includes/js/slider/siema.min.js and I first tried calling the file on the page by adding a script tab src…
thebeardedguy
  • 23
  • 6
1
vote
1 answer

ngx-siema how to set interval

I am trying to mimic an autoplay setting for ngx-siema , using: setInterval(() => mySiema.next(), 1000) as described here. How can I do that? Here is my setup: export class SliderComponent implements OnInit { constructor(private ngxSiemaService:…
Tanasos
  • 3,928
  • 4
  • 33
  • 63
1
vote
1 answer

Importing and Installing Siema

I was looking to import a javascript carousel framework called Siema (https://pawelgrzybek.github.io/siema/) into some HTML to test for some other projects. I'm semi-new to coding and was wondering how I would actually import the framework into my…
user10590108
1
vote
1 answer

Siema Ca indicator

I'm using the Siema carousel on my site with Zepto. I'd like to be able to indicate what slide the user is currently on. How do I do this if there is only an onChange event available? HTML
…
Leah
  • 335
  • 1
  • 3
  • 8
0
votes
1 answer

Intersection observer "unloads" images after looping on carousel (Siema)

I have this fiddle to show my problem. I have made an intersection observer for lazy loading images, code: const images = document.querySelectorAll("[data-src]"); function preloadImage(img){ const src = img.getAttribute("data-src"); if…
Athene Noctua
  • 25
  • 3
0
votes
1 answer

How do I reset/stop Siema autoplay interval on interaction?

I’m trying the pure JavaScript carousel plugin Siema. I set the carousel on autoplay, changing the slides every 5 seconds, and also add “previous” and “next” buttons to change the slides manually. The 5-second interval runs nonstop, so whenever I…
Infernoid Seitsemas
  • 55
  • 6
0
votes
1 answer

Using Siema's api with Angular's onclick

I want to use Angular's onclick and inside use Siema's api to go the next slide. The problem is that I have no choice but to initialize the slider inside ngAfterViewInit. Anyway I can have access to the api outside of that function? I want to avoid…
Steven
  • 817
  • 1
  • 8
  • 25
0
votes
1 answer

Is there a way of using the following Siema arrangement on next/prev buttons instead?

I am using the lovely and simple Siema script to make a simple carousel. It automatically moves to the next slide every 4 seconds, and also allows me to add previous/next buttons so the user can manually change slides. Here is the codepen:…
Teebling
  • 95
  • 9
0
votes
1 answer

Stop javascript slideshow which is autoplaying using setInterval - Siema

I'm using the siema slideshow because it seems super nice and lightweight. I want the slideshow to play when the user hovers their mouse over, and stop when they leave. I've got the play bit working - using setInterval() - as per the guide docs,…
JorgeLuisBorges
  • 528
  • 3
  • 8
  • 21