vue-flux icon indicating copy to clipboard operation
vue-flux copied to clipboard

Part of images are cut according to slider component size

Open hapetherw opened this issue 4 years ago • 4 comments

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.

hapetherw avatar Nov 13 '20 12:11 hapetherw

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.

ragnarlotus avatar Nov 13 '20 12:11 ragnarlotus

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.

hapetherw avatar Nov 13 '20 14:11 hapetherw

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!

ragnarlotus avatar Dec 01 '20 13:12 ragnarlotus

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.

hapetherw avatar Dec 01 '20 14:12 hapetherw