[Free Plugin] Wonderful Image Slider - UPDATE

Hi,
I’ve been using WIS and it was working fine until a few days ago, when the image quality has degraded suddenly. Whatever image quality I put in the database, I get the same bad image quality out.

Do you have a solution for this ?

I’ve found this post and wondered if that could be the cause of the issue: Uploaded PNG images without transparency are converted to JPG

Thx,
Guy

Hi @gyangting , we could not detect such a problem.

Could you please check your Imgix settings?

Thanks for pointing at this feature! It works when I set use Imagix to no.
Otherwise it does not.

Load time is higher, even though I optimized the jpgs at the lowest quality in photoshop and file sizes are between 200 and 400kb.

Increasing the imagix qualitiy did not work. Maybe a cache problem.

This plugin has not been updated for a long time and we have not received any further complaints. So, there may still be a problem with your settings or as you mentioned, it may be a cache problem.

If you haven’t tried it, please try after changing the “manual quality” option to yes.

Hello, @NoCodeDataArtisan!
Thank you for contacting us.

The source of your problem is most likely the image size. Please compress the image and try again. You can use the imgix properties provided inside the Wonderful element.
Please let me know if your problem is not resolved.

Best,
Efe

Hi, any tips to make the image round using this plugin? Like the round Instagram profile pictures

Hello, @pachocastillosr!

There is “Image Border Radius” property in Wonderful Image Slider. You can set this value as in the screenshot below:

Best

Thanks!

Hi @eren thanks for the plugin !

I have responsive trouble with the slider element. I want the slider to be full in the colored (brown) group:

Capture d’écran 2022-01-10 à 14.17.10

I don’t know how to do ? Maybe with an HTML element and some code ?

Thanks

Hello, @thomas.gounot!

Wonderful Slider maintains the aspect ratio when the page is resized. That’s why you see the slider getting shorter. However, you can manipulate this with simple CSS code.

1- Define an id to your slider

2- Add some css to a HTML element

If something is unclear or your issue is not resolved, please do not hesitate to reach out again.

Best

Thanks :+1::+1:

Hi! Thanks for this amazing plugin.

I love what the “Fit: Clamp” setting does to the resize the images without messing up the quality!

I would like to use this for a single image data field, but it seems like the plugin only receives data fields that are lists of images. Does any body know any workaround for this?

I think that if you could add the “Converted to list” option to the Image List input, that would get the job done. It would be awesome @eren

Thanks!

I would like to report a bug, the plugin is not processing real time changes in the image data input. See video for more detail:

Hello, @pachocastillosr!

Thanks for your kind words. Glad that you liked it.

You can apply a simple workaround. Define your single image’s URL and split it with a random text (Your source URL shouldn’t contain that random text entirely btw). In this case, you get a list of text as result. After this step, you should get the first item of this list. The first item will be your image source URL.

Here is an example :point_down:

Hope it helps! :v:

Best

Thanks for your reply! You are very kind sharing that workaround.

Unfortunately, I won’t be able to use the plugin because of the realtime data updating limitation that it has, currently.

I recorded two videos where you can see two different examples of this limitation:

Example 1:

Example 2:

Please let us know if you fix this! It would be amazing.

Hello again @pachocastillosr!

We have answered this question before. Could you please check out this post?

I hope it helps. If your problem is not resolved, please do not hesitate to contact again.

Best

Thanks, it did help! This workarounds get the job done.

However, I would like to leave both suggestions for improving the plugin:

  1. It would be better if the plugin could just update automatically the input data when it is changed, just like bubble’s image element does.

  2. Add a “Converted to list” option to the image list input field so that we can use single image data fields as input. The workaround of the URLs gets the job done but this is not very practical for big apps (my app uses around 100 different image elements so I would need to define 100 urls, one for each image).

Anyways, I think this is a pretty awesome plugin that you are building, with a little more iteration and improvement it can be much better, I have not seen any more flaws than the mentioned, in my experience.

Thanks for all your help, you’ve been very kind!

Hi! I have a problem, I have configured everything as mentioned above, but my slider does not want to update after the page refresh, what could be the problem? I will attach screenshots below. Thanks!

Can you help me?