capptions/iron-swiper

Polymer element that wraps Swiper.js

iron-swiper's Issues

Should be able to accept Swiper configuration object

Some functions not working

With that code snippet I don't have the navigationButtons and I can't click on the pagination.

<div class="carousel">
        <sc-swiper navigationButtons loop  pagination paginationClickable>
          <img src="http://lorempixel.com/640/480/transport">
          <img src="http://lorempixel.com/640/480/city">
          <img src="http://lorempixel.com/640/480/nature">
          <img src="http://lorempixel.com/640/480/transport">
          <img src="http://lorempixel.com/640/480/city">
          <img src="http://lorempixel.com/640/480/nature">
          <img src="http://lorempixel.com/640/480/transport">
          <img src="http://lorempixel.com/640/480/city">
          <img src="http://lorempixel.com/640/480/nature">          
        </sc-swiper>     
    </div>

Bower install failing

I have bower installed and tried to run bower install iron-swiper --save in my project, but I got the following response.

iron-swiper-bower-fail.txt

Can you help?

Swiping With Iron-Image

I used iron-swiper dinamically. I got my data from db, and adding to swiper with dom-repeat. There is no problem when i used to "img" tag. But when I try to use Iron-image instead of img , images is not showing. How can I fix it?
Thanks.

Ready for the next release?

Thanks for this element!
Saw that you were working on a Polymer 2 element! Is it ready to release?
I'm referencing #master atm...

Local DOM styling

The recommended way to style a Polymer 1.0 element is with css variables. This allows other users to freely style the element.

https://www.polymer-project.org/1.0/docs/devguide/styling

Without variables it is difficult to update and remove styles of the carousel. The only way is to use the deprecated /deep/ combinator. i.e:

.swiper /deep/ .swiper-slide {
     background-color: red;
}

For example, after variables, some css rules would look like this:

.swiper-slide {
  background-color: var(--primary-background-color);

  ... other rules
}

The styling problem is only present when using native shadow DOM (without polyfills, like webcomponents.js).

Working with the latest Polymer and/or Polymer Starter Kit 1.1.1?

Is this working with the latest Polymer?

Nothing is displaying -- tried several ways, including the latest version of the Polymer Starter Kit (v1.1.1)...

https://github.com/polymerelements/polymer-starter-kit/releases

Feature Request

It doesn't seem like there currently exists a way to get the current slide's index. As you see on iron-select or one of those elements, you are presented with selected= and you can specify the index of the selected element. My use case requires me to be able to swipe between the pages and know what page I am on so I can prepare the next step

How to use a caption on slider

Im new using polymer, and found this slider component. but how can i use a caption in slider.
Im try like a code below, but doesnt work

<sc-swiper>
  <div>
     <img src="http://lorempixel.com/640/480/cats">
     <h2 class="text">Lorem ipsum/h2>
     <paper-button class="green">
        register now
     </paper-button>
  </div>
</sc-swiper>

Polymer 3 support

Hey great plugin,

Any chance we get this on polymer 3?