Giters

ragnarlotus / vue-flux

Image slider which comes with 20 cool transitions

Home Page:https://ragnarlotus.github.io/vue-flux-docs/demos/demos

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Ratio

univers-graphik opened this issue · comments

commented

Hi. It's possible to change default ratio 16:9 ?
I don't wank fix height with css for keep responsive.
Thanks

commented

Hello, you can define the size you want by CSS.

Take a look at https://deulos.github.io/vue-flux-docs/v6/components/vue-flux.html#size

commented

Re-reading your question again, I think that I misunderstood what you were trying to achieve.

If you want to keep it responsive, but with a different aspect ratio, I think there is a CSS trick. Anyway is a good feature to add 😁

I will try to make a new release this week with it.

Thanks!

commented

Thanks for your fast response.
I know another good lib who use same you the background image and ratio.
This lib propose a props for the ratio, it's a good idea.

commented

I have just a second question about lazy (default true)
When my page is loaded, in my console all images are loaded. (normally just the first no ?)
After when i use (next prev), effectively just the request for the next image is launch.

Thanks and good job ;)

commented

Thanks for your words, appreciate them.

One thing is when page is loaded, and another one when the slider load the images, it is not the same.

The slider is not operative until preloads the needed images, defined by the option lazyLoadAfter, which is 3 by default.

The loading process goes like this:

  • Slider shows first image.
  • A spinner informs the progress of loaded images, based in the percentage.
  • When 100% are loaded, means that the number specified in lazyLoadAfter are the images loaded and slider can already play.
  • While playing, the rest of the images will be loaded in background and added.
commented

I already published the new version 6.1.1 which includes the option for aspet ratio 😀

Just add the corresponding option as:

aspectRatio: '16:9'

I also added the option to the documentation. Feel free to let me know if you have any doubt.

Regards!

commented

Hi Ragnarlotus! I really appreciate your work on this component. Just one comment on the aspectRatio, is that it seems that it doesn't affect the thumbnails on the Index. Is it possible to affect the thumbnails as well? Thanks in advance!

commented

Hello, @malbrock and thanks for your kind words!

Please open an issue for that and I will try to release an update with it this weekend 😉

Regards