Class currentCrossLink only applied to first link about liquidslider HOT 9 CLOSED

I purposely did that because I didn't thought would be resource intensive to have the slider keep filtering past the first instance. Especially because most people don't use it in this scenario.

Perhaps you could write out a function that would check if that class exists on that crosslink, then apply it or remove it from the other.

from liquidslider.

Hey, thanks for the response. I'm a little confused, and think I may have miscommunicated. I'm using the crosslinks to enable "dots" for slider navigation. The first dot in the list gets the 'activeCrosslink' class applied when I click it. When I click the second dot, the class gets removed from the first dot, but is not applied to the second dot. Does that make sense? I've attached a couple screenshots for reference below.

When clicking the first dot in the list:

When clicking the second dot in the list:

Of course, if this is correct and I'm just confusing myself, let me know and I'll show myself out.

Thanks again for your help.

from liquidslider.

Ok, yeah I thought you had multiple crosslinks pointing to the same slide.

I'm not sure if this will work, but try putting them all within the same level. As in:

<nav>
   <a href="#1" class="slider square" data-liquidslider-eef="team-slider"></a>
   <a href="#2" class="slider circle" data-liquidslider-eef="team-slider"></a>
</nav>

from liquidslider.

No luck :(

from liquidslider.

It should be data-liquidslider-eef not eef

Did you catch my typo? It works in my demo. Id have to see your code if this still doesnt work.

However, the demo also works when its in the <li></li> too.

from liquidslider.

Yep, it's data-liquidslider-ref in my code. I can provide a working example based on my code if you'd like to take a look.

from liquidslider.

OK, I found the problem. I have multiple crosslinks. Basically, the first slide is a grid of the other slides, clicking them links to the other slides. But there are also dots used for navigating. Is there a solution for this, or should I come up with another approach to this situation?

from liquidslider.

How many sets do you have? If only two, can you use the dots with the dynamic tabs instead?

Another option is to just write your own code:

      var sliderObject = $.data( $('#slider-id')[0], 'liquidSlider');
      console.log(sliderObject);
      console.log(sliderObject.currentTab);

You can use that to detect what the current tab is and go from there

from liquidslider.

This should all be fixed in version 2 :)

from liquidslider.