Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Part of images are cut according to slider component size #95

Open
hapetherw opened this issue Nov 13, 2020 · 4 comments
Open

Part of images are cut according to slider component size #95

hapetherw opened this issue Nov 13, 2020 · 4 comments
Assignees
Labels
question Further information is requested

Comments

@hapetherw
Copy link

Hello
I have several slider images with same size.
But images are cut according to its browser size.(that means slider component size is change)
Is that possible if i set vue-flux component fit for image size?
One option to force stretch images fit for vue-flux component size so that will not cut some part of images.
Hopefully that can be resolved quickly.

@ragnarlotus ragnarlotus self-assigned this Nov 13, 2020
@ragnarlotus ragnarlotus added the question Further information is requested label Nov 13, 2020
@ragnarlotus
Copy link
Owner

Hello, unfortunately not... images should be bigger than the slider so they don't look pixealted in some effect.

Also is not a compatible behavior, because when transitioning from an image to another, they must occupy all the space to don't create unwanted glitches, and the moment they have differente sizes, then the image needs to be cropped to fullfill the view size and perform the transition.

Given that you can do two things:

  • Resize the slider to the image you are displaying after transition ends.
  • Make all the images the same size adding a background color to fill the empty space, so for example, in a portrait image you would need to shrink the image a bit and fill the sides with something to fill the landscape

Hope that it helps.

@hapetherw
Copy link
Author

Hmm I use slider images with same size.
Here is one of original image and also attached resized slider images on different size browsers.

  • original
    PicasaPhotoViewer_yr2luKsiYn
  • resized
    webstorm64_DdQdznds8h
    webstorm64_KjVJ1XW4xF
    Please take a look and let me know if there is any way to fix it.

@ragnarlotus
Copy link
Owner

Hello, and sorry for the late answer, I totally forgot that I had this unanswered.

There is no easy way to achieve this without releasing a feature, but I don't want to continue releasing features until I have everything migrated to vue 3.

But if you really need it, I can try to make the realease this weekend. What do you say?

Regards!

@hapetherw
Copy link
Author

Hi
I hope we can see powerful vue-flux carousels with fix resize issue.
Please let me know after you have done migration on vue 3.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
question Further information is requested
Projects
None yet
Development

No branches or pull requests

2 participants