[PLUGIN UPDATE] Wonderful Video&Image Slider V1.1 (Big update with lots of good news)

Hello Community!

We are so excited!

We’ve added wonderful features to the Wonderful Video & Image slider plugin!

You can do whatever you want with a single element! We have made the features we previously offered with three different elements can be made with a single element!

You can create triggered events unlimitedly!

Images and videos can be listed at the same time. Instagram, TikTok, Netflix are now much easier to build!

Nested images, nested videos or both!

We increased the number of Event and Exposed States! It is more functional now.

However, it is now much lighter. We reduced the code strings by almost half.

Breaking News! It costs a little more than free.

Subscribe for $ 2 or buy for $ 18! Yes, you did not read wrong! We’ve added great features and reduced the price to the lowest selling price Bubble allows.

Features

Pagination Options

Arrows
Bullets
Progress bar
Scroll bar
Fraction

Effects

Fade
Cube
Coverflow
Flip

Slide Options

Add text to slides
Add links to slides
Centered slide
Free mode
Grab cursor
Zoom (for Images)
Autoplay
Switching with mousewheel
Switching with keyboard
Lazy Load
Loop Mode

Video Options

Show Controls
Loop Videos
Autoplay
Start muted

Events

A Slide Double Clicked

A Slide Changed

Exposed States

Active Index (shows the number of the active slide)

Clicked Index (shows the number of the clicked slide)

Hovered Index (shows the number of hovered slide)

The Nested Slide’s Active Index (shows the number of the active slide of the nested slide)

The Nested Slide’s Clicked Index (shows the number of the clicked slide on the nested slide)

Active Nested’s Index (shows number of active slide on nested slide)

A Slide Hovered (Boom! Someone said how to make Netflix?)

A Nested Slide Changed

A Nested Slide Double Clicked

Element Actions

Add a nested slide
Add list to slider
Remove list from slider
Next slide
Previous slide

Customizations

Arrow Color
Border Color
Bullet Color
Progressbar Color
Scrollbar Color
Image Background

Plugin Page
Preview
Editor

A little explanation for those wondering about the price cut:
We somehow started discussing Bubble’s pricing with our team recently. In countries with a bad economy and / or underdeveloped countries like we have been living, seven dollars can make a lot of money. That’s why we wanted to make it easier for anyone who needs this plug-in to use it.

Note: With this discount, we will no longer be able to support Wonderful Image Slider,

But we promise the following.

1- It will never be removed from the marketplace by us.
2- If it stops working due to possible changes made by Bubble or in any way, we will make it work again.

Enjoy!
Kodsuz
Eren

14 Likes

Top work @eren
Packed with tons of features, options, effects and transitions - many cases for using this plugin.

1 Like

Thanks @luke2 ! I can’t wait to see what talented Bubblers with great imagination can create!

2 Likes

@eren

I’ve noticed a bug with the slider, particularly when interacting with Orchestra.

When I “unfilter” a list (meaning, I have removed a filter and the RG becomes longer), the slider erroneously “doubles” the number of items. See the examples where 2 images becomes 4.

I think it is because that RG cell does not exist, so the removal of the list doesn’t happen.

Thoughts on how to fix this?
Screen Recording 2021-02-26 at 11.17.59 AM

Also, there is an odd bug when you enable “wrapping” that the “frantic” wrapping effect is applied after the first slide (meaning between 1st and 2nd slide), not before as it should be (meaning between last and 1st slide).

Hi @brad.a.farley

Nothing like this happens on our side. Please have a look. Can you send a screenshot of all running workflows and similar things related to the checkbox? You can also send the editor’s link via PM.

Hello,

Version 1.2 has been released.

We’ve added a small feature called “update delay”. It makes it scroll to the first slide within the “ms” you specified.

Why did we add this?

It was starting on the last slide when the page was loading, especially if this plugin was used in RG or if the page was taking time to load. By using the “update delay” feature, you can increase the user experience.

Best,
Eren

Had not realized how useful your plugin can be. Great work!

1 Like

Thank you! Glad to you like it!

Hi there!
I have 2 questions:

  • I am trying to add a link to the images but to an internal page of my site. Is there anyway to do that?

  • Do you know if i can set a filter so the slider doesn’t show me repeated images? (I have a list of properties and some of them are in the same building and I need to show only the Building Images)

Hello! @antonio1

I would be happy to answer your questions.

1- You can define a link to each slide. For this, you need to define a list containing the “List of Text” data type in the “URL List” field as in the screenshot below.

When you do this, you must define a list in the “Text List” field that contains the “List of Text” data type. Thus, users can be directed to links by clicking on them.

The dataset used in this sample:

Preview Page

Also, you could examine from the editor.

2- I think the answer to this question has been shared before. Check it.

I hope they work!

I tried using this Plugin in my app, and it worked mostly well but had one big flaw.

I was using in to show images in a Repeating group, and that Repeating group is itself in a Repeating group.

i.e. I have a Repeating Group of Users. Since each User has multiple Projects, within each User cell, the RG is showing all of that User’s Projects.

When the page first loads it is fine. But under certain circumstances, the RG of Users changes order and when that happens the Wonderful Image Slider does not move. So all the text etc for that RG cell is updated, but it is still showing the images from the previous User “occupant” of that cell. It would be great if that could be solved.

ACTUALLY - I just realised I was using the old version of your plugin. Could you perhaps confirm that this would not happen with the new version? Happy to pay for the plugin.

My app is Repeating Group image heavy, so this could work quite well.

Hello @major_groove

Obviously we haven’t tested it with nested RGs yet, theoretically this solution should help. If it doesn’t work, please let me know.

Best,
Eren

1 Like

Hi There!
Is there any way to make a slider with images from different Data Fields of one data type?

Hi,

Try :merged with

Best,
Eren

1 Like

Hello!
How can I set my slider to show a floating group or popup if an image is clicked?

I am trying to do something like this webpage (click on any image of the top slider): 16501 West Mozart Avenue, Los Gatos, CA 95032 | ZeroDown

Best,

Hello @antonio1 !

There are two ways to this case.

1- You could use “A Wonderful Slider Double Clicked” event

2- If you want the exact scenario in your example you can include the Wonderful Slider in a group. When you click on this group, you can set up your workflow with the “Hovered Index” state of the Wonderful Slider and get the result you want.

You can see the examples I created for you here.

Preview
Editor

Best

2 Likes

Hi Eren,

I have tried to upload a .MOV file which is not supported by HTML5. And as a result, no videos are visible. What do you recommend for getting these videos to work in the slider? Do I need to convert them with another plugin or is there some other work around you know of?
I will be regularly having users uploading videos from their iphones which will be .mov files so will need some way to get them to work.

Thanks for any suggestions.

Scott

Hello @scott.ETK

Unfortunately there is no workaround I know of. The following plugin may help, you can reach out to the plugin author to be sure.

Good luck!
Eren

thanks Eren. Appreciate the rapid response! Yes I have started playing with this plugin just now, looks hopeful. fingers crossed.

1 Like