supachailllpay / photo-gallery Goto Github PK

It would be great to have keyboard support when viewing the images to cycle through them using the arrow keys. It could use the iron-a11y-keys element and make a call to the previous() and next() functions on every left/right arrow press.

I can make a pull request if this functionality is desired.

This is a very nice gallery, but doesn't currently work on IOS.
Any plans to get it working on IOS soon?

I'm trying to use dom repeat inside of photo-gallery component like this

<photo-gallery height="120">
                
                <template is="dom-repeat" items="{{images}}">
                    <div class='item' data-url='[[item.src]]'></div>
                </template>
               
</photo-gallery>

But doesn´t work :(

Your gallery is exactly what I want, but when click on grid image I get black page with navigation and error:
hero-animation: toPage is undefined!

Please help!

I'm experiencing a weird problem with a few images that are not being displayed, like this one. They don't show up in the gallery, but when you open them in the viewer they do appear.

I started debugging the code and found the line where the image is set.

item.style.backgroundImage = `url(${url})`

It turns out that if you add quotes around the url variable, the problem is gone and the images display correctly. Like this:

item.style.backgroundImage = `url("${url}")`

Do you know why this happens? Is it safe to create a pull request to address this?

Thanks.