Slider is not working after "show flex" interactions

Design help Custom code
1

Hello, guys!
I have a big problem with а slider.
On the logotypes page I’ve made an interaction which should show big block of information with slider included. But when this block is shown i can’t switch slides. Slider works only if I’m not using interactions.

Here is the video of problem: Video on dropbox

Need help, please!

Here is my site Read-Only: https://preview.webflow.com/preview/port-fol?preview=fca34207006b9a43642a07fc350d8840

2

@cyberdave gave me a clue, that I need to redraw slider after showing, but I can’t make it work.
I’ve tried this one:

<script type="text/javascript">
$(document).ready(function() {
  $('.content-div').click(function() {
    Webflow.require('slider').redraw();
  });
</script>

But it doesn’t work.
Could anybody help me understand what code should there be to solve this problem?

Thanks!

3

You shouldn’t be obliged to add code for this to work. I tried my hand at it and couldn’t fix your slider. However, I redid it quickly from scratch inside of your read only project and it kind of worked. But when I added a second element, it didn’t. So, there’s a bug here maybe.

This interaction is pretty easy to achieve with IX Legacy (IX1) and works like a charm. So my advice is to go on a redo it with IX1. In the IX panel at the top, you can switch to IX1. Don’t worry, it doesn’t make your IX2 not work. IX 1 and 2 can live together.

You’re going to have one issue with your actual structure and IX1: targeting the popup, because it has a combo class. It’s ok though, there is a workaroud : prior to start building the interaction, create a div anywhere and give it ONLY the class you’re going to want to target. Then the class will show up in the target box AND target the element with the combo class. Limit the interaction to Children. Once the interaction made on the first logo item, delete the dummy div that you created before in order to target the slider element.

Now, as your interaction is limited to children, it only affects the slider element inside of the logo element.

Select another logo and you can reaffect the interaction in one single click.

Sorry I can’t find a way to make IX2 work for it but that’s really mode effective to move on and create an IX1. It’s going to take 5mn or less really.

Love the oyt atom logo… soccer ball and 3 nuclear plants chimneys… that’s not usual :smiley:

1 Like
4

Thank you @vincent for your investigation!:wink:

I’ve already prepare my plan “B”: hide info blocks with initial state of -1000px by “X” axes and 0 opacity. And then show it back after click.

But I’ll try your method firstly!

Thanks! This is a logo for soccer tournament between suppliers and constructors of nuclear power plants!;)))

5

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.