search

sneas / img-comparison-slider

Image comparison slider. Compare images before and after. Supports React, Vue, Angular.
https://img-comparison-slider.sneas.io
MIT License
657 stars 47 forks source link

img-comparison-slider will be shaked in my application (Nuxt) #112

Closed chikuairi closed 1 year ago

chikuairi commented 1 year ago

Hello, I used the img-comparison-slider in my application ,but it will always be shaked when i access the page . it shows two images and then became a perfect component in 1500 ms. how could i avoid shakes ? thank you very much . (there are no shakes in example page: https://img-comparison-slider.sneas.io/examples.html)

sneas commented 1 year ago

Hi, You’ll have to add styles.css to your page.

<link
  rel="stylesheet"
  href="https://unpkg.com/img-comparison-slider@7/dist/styles.css"
/>
sneas commented 1 year ago

Thank you for the issue, I think I'll have to fix it in the Vue component, or ad least add the above information into the README https://github.com/sneas/img-comparison-slider/blob/master/packages/vue/README.md

chikuairi commented 1 year ago

thank you, sneas, i will try to fix it. img-comparison-slider is perfect and useful.