Forum Academy Marketplace Showcase Pricing Features

[Free Plugin] Wonderful Image Slider - UPDATE

Hi everybody,

I am sorry for my late answer. Ver 1.9 is online.

We were encoding the question mark and converting it to “% 3F”. When the url is decode, the url would have more than one question mark. To overcome this, we re-encoded “% 3F”.

Apart from solving the problems, we added Imgix parameters to the property editor so that you can manipulate them as you wish.

Don’t forget to refresh your editor after upgrading the plugin!

@juicebox. Thank you very much for your feedback! Please notify us of the results.

Best,
Eren

Hi @eren,

Thank you for resolving this. It has definitely fixed the majority of my images but I still have a few which are broken. An example below;

Version 1.7 (works); https://s3.amazonaws.com/appforest_uf/f1601602582433x682382985505051100/Asset-2_72-ppi-2-1.jpg%3Ffit%3D2000%2C812%26ssl%3D1

Version 1.9 (doesn’t work, 403); https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2Fs3.amazonaws.com%2Fappforest_uf%2Ff1601602582433x682382985505051100%2FAsset-2_72-ppi-2-1.jpg%3Ffit%3D2000%2C812%26ssl%3D1?w=580&h=400&auto=compress,enhance,&dpr=2&fit=crop

Displayed in a standard Bubble image element (works); https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2Fs3.amazonaws.com%2Fappforest_uf%2Ff1601602582433x682382985505051100%2FAsset-2_72-ppi-2-1.jpg%3Ffit%3D2000%252C812%26ssl%3D1?w=384&h=288&auto=compress&dpr=1&fit=crop&q=100

I’m wondering if the issue is the ‘=’ and/or ‘,’ symbol (or any symbol for that matter) in the original URL when completely decoded. Bubble clearly has some way of managing this for their elements but I’m not sure how.

As for the new Imgix settings - they seem to be more or less working but I haven’t been able to give them a robust test yet.

We’ve posted a fix for all special characters etc.

Hope it will work smoothly!

Don’t forget to upgrade to the new version and refresh the editor!

Have a good weekend

@eren hey bud, any chance the plugin can accept a 1 image file as a image source? Use case: if a thing’s list of photos are empty, display a single other (dynamic) photo.

Thanks @eren,

This has fixed nearly all situations but I’m still having issues with a small number of images and can’t work out why.

Version 1.7: https://s3.amazonaws.com/appforest_uf/f1596443983981x309469935775958920/Nadines%20photos%20of%20Park%204th%20jan%202013%20004.jpg%3Fitok%3DZXncvIYh

Version 1.10: https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2Fs3.amazonaws.com%2Fappforest_uf%2Ff1596443983981x309469935775958920%2FNadines%20photos%20of%20Park%204th%20jan%202013%20004.jpg%3Fitok%3DZXncvIYh?w=280&h=180&auto=compress,enhance,&q=75&dpr=2&fit=crop

Native Bubble image element: https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2Fs3.amazonaws.com%2Fappforest_uf%2Ff1596443983981x309469935775958920%2FNadines%2520photos%2520of%2520Park%25204th%2520jan%25202013%2520004.jpg%3Fitok%3DZXncvIYh?w=192&h=163&auto=compress&dpr=1&fit=crop&q=75

I wish that I could set the file name when uploading via the Bubble image uploader as I would simply md5 hash it and we wouldn’t have any issues like this.

Providing the path is dynamic, you can use :converted to list at the end to make the input accept it.

image

1 Like

Thank you @juicebox

This was a space issue, not a character, we posted an update in it! V1.11

Please let me know.

Best,
Eren

Hi @eren,

Thanks! Can confirm that it fixed that example for me. I ended up coming across other examples today where it wasn’t working correctly (I think because of a comma due to the image being saved directly off a URL that was also using Imgix and had auto=format,compress).

S3 image; https://s3.amazonaws.com/appforest_uf/f1603080526675x316793606354397440/Camp_Ground_016.jpg%3Fauto%3Dformat%2Ccompress%26fit%3Dcrop%26crop%3Dentropy%26w%3D598%26h%3D329%26q%3D55

Version 1.11: https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2Fs3.amazonaws.com%2Fappforest_uf%2Ff1603080526675x316793606354397440%2FCamp_Ground_016.jpg%3Fauto%3Dformat%252Ccompress%26fit%3Dcrop%26crop%3Dentropy%26w%3D598%26h%3D329%26q%3D55?w=280&h=180&auto=compress,&dpr=2&fit=max

I ended up deciding I should use Croppie to help set the file name as an MD5 hash and so in future, no file names should be so difficult, but kept running into CORS issues. Even when I resolved that, it sometimes insists on cropping the image when really I just need some plugin that will change the file name. It really has been such a journey.

I’m also skeptical about using Croppie as it seems that there are some browser support issues which have cropped up in the last couple of months.

Glad it was resolved!

I don’t think it is like that. There is no error in the usage form in the documentation. Please check it out.

I could not reach the S3 image either.

It’s a very capable plugin but may not be supported anymore. I’m sure there are similar ones in the marketplace.

Thanks again for your feedback!

Good week everyone!
Eren

You’re right, it’s not working anymore. Here’s a similar example;

S3: https://s3.amazonaws.com/appforest_uf/f1603080551423x196366867196824400/DSCF0060.jpg%3Fauto%3Dformat%2Ccompress%26fit%3Dcrop%26crop%3Dentropy%26w%3D598%26h%3D329%26q%3D55

Version 1.11: https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2Fs3.amazonaws.com%2Fappforest_uf%2Ff1603080551423x196366867196824400%2FDSCF0060.jpg%3Fauto%3Dformat%252Ccompress%26fit%3Dcrop%26crop%3Dentropy%26w%3D598%26h%3D329%26q%3D55?w=280&h=180&auto=compress,enhance,&q=75&dpr=2&fit=crop

I’m not getting that option on a singular image object

Try “Parent group’s Package’s Vendor:converted to list’s Logo”.

This is a wonderful plug-in @eren. Many thanks
I’m having one issue with it right now. It doesn’t autoload changes in my multi-file uploader

For example

  • Wonderful slider on page, source is connected to multiuploader’s value (on the same page)
  • I upload 2 images to multiuploader - the preview renders perfect.
  • I decide I want to add another image, so I upload one more image.
  • Wonderful slider doesn’t refresh to the change thats happened in multi-uploader

Is there a way to work around this?

Are you able to share a link to your editor?

Without diving into it, top of mind for me would be adding two workflow actions that are triggered each time a file is uploaded via the multi-file uploader. I’d recommend reading this comment; [Free Plugin] Wonderful Image Slider - UPDATE

I’m not sure that the multi-file uploader offers any events for you to trigger this off, so you might have to play around with setting custom states and using the ‘Do when condition is true’ workflow trigger.

2 Likes

Ah that comment’s fix worked. Thank you!

Hi @eren,

Just another feature enhancement for perhaps another day, but it would be great if we were able to add alt text to each of the images for SEO? It’s simply stored in another field in the same table, just need to be able to dynamically reference it.

1 Like

Duly noted!

1 Like

Hey @eren, did you have a chance to look at this?