Code Monkey home page Code Monkey logo

Comments (9)

KevinBatdorf avatar KevinBatdorf commented on August 15, 2024

Not exactly sure either. I would try using the :before selector and setting it up that way. You can position it absolute and that usually seems to work better. If you go that route, update me with your results.

from liquidslider.

rdswd avatar rdswd commented on August 15, 2024

I tried using :before for the background ... .current a:before but no matter what is would disappear. I played with the whole div being absolute and moved it all around the screen. No matter what it would show above the border. Tried absolute positioning the current a:before within a relative li... nothing above the border!

from liquidslider.

KevinBatdorf avatar KevinBatdorf commented on August 15, 2024

Strange. Well option C would be to disable the dynamic navigation and simply write out your own using the crossLinks:true setting. You could save time by first copying the dynamicly generated html then pasting it in on the page below the slider, and add the following to the anchor tags:

<a href="#1" data-liquidslider-ref="slider-id">Click Here</a>

from liquidslider.

rdswd avatar rdswd commented on August 15, 2024

I will try that thanks!. By the way... after using tons of slideshows, I really, really appreciate yours.

from liquidslider.

KevinBatdorf avatar KevinBatdorf commented on August 15, 2024

Thanks, let me know if you run into any other issues. i'm always looking for ways to improve the code.

from liquidslider.

rdswd avatar rdswd commented on August 15, 2024

No matter what I can't get the arrow outside of the link which is where the active class is added. If the active class was on the li it will work. Can I do:
callforwardFunction: function() {
jQuery('li.activetest:has(a.currentCrossLink)').addClass('active');
},
callbackFunction: function() {
jQuery('li.activetest:has(a.currentCrossLink)').removeClass('active');
},
Currently, that isn't working.

from liquidslider.

rdswd avatar rdswd commented on August 15, 2024

I also tried changing the actual plugin to add the class to the li but it wouldn't work

from liquidslider.

rdswd avatar rdswd commented on August 15, 2024

Ok. I just put a span inside the link and applied padding to the link, put the border & 'active' arrow on the span.

from liquidslider.

KevinBatdorf avatar KevinBatdorf commented on August 15, 2024

Hey, good idea. Looks good now. I'll close the issue unless there's more.

from liquidslider.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.