Grow your CSS skills. Land your dream job.

AnythingSlider plugin navigation problem

  • # December 16, 2009 at 12:05 pm

    I’ve customized the AnythingSlider but have just one icky problem. See example here:
    http://vangel.com/anythingslider-test/about.html

    I would like the names below the slider box to link to their respective panels within the slider. So if you click on Cat Woman under the "About Us" heading, her photo & bio will load in the slider box. Presently, the url changes in the address bar, but the requested slide does not load. Any help would be awesome. THANKS!

    (If you clear the address bar or refresh the page and enter, for example http://vangel.com/anythingslider-test/a … ml#panel-3 it will load just fine.)

    (I’m looking in the PHP code for jquery.anythingslider.js at lines 145 – 184 … but I honestly know next to no PHP. Also, don’t judge me on my css… this was originally programmed a long time ago and I’ve learned much more since then!)

    # December 17, 2009 at 10:12 pm

    Go here:
    http://css-tricks.com/examples/AnythingSlider/

    Look at code under "Linking directly to slides"

    # January 19, 2010 at 6:50 pm

    Hi,

    I’m afraid I don’t quite understand the Static Links instructions. Where does the js snippet go? Presumably in jquery.anythingslider.js, but anywhere within there? Does it matter?

    And what do you mean by "Target the link using and ID or Class (or whatever), and apply a click handler. Then call the plugin function and pass it a number of the slide you are trying to link to"?

    I think I know what a click handler is, but I’m not sure what one would apply to it.

    Code:

    I think the only other word in there I understood was "link". :oops:

    Thanks in advance for any assistance!

    # January 20, 2010 at 9:08 am

    Ah, found an example on the linked page and viewed the source. That was easy. :)

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".