Grow your CSS skills. Land your dream job.

How to use the Anything Slider

  • # January 30, 2012 at 2:54 pm

    I know every little about shortcodes, you might want to ask your question in the WordPress forums so Jacob can help you out.

    # February 9, 2012 at 8:43 am

    Hi, can anyone give the source, some tutorial step by step adding anythingslider into my HTML site?
    I am quite newbie with any code, even adding default anythingslider into my HTML site.

    Thank so much!

    # February 9, 2012 at 4:08 pm

    Hi CSS masterminds

    Could anyone pretty please assist me in changing my nav buttons on my slider from Arrows to Nav bullets. (One bullet per slide)

    So from this : http://www.gallyapp.com/tf_themes/?theme=Lotus
    To this : http://www.lumiarte.com/luardeoutono/AnythingSlider/index.html (Just the bullets bottom right)

    Any help even in just the right direction would be GREATLY appreciated.
    Thank you kindly many times over!

    # February 9, 2012 at 5:14 pm

    @bintang77: Check out the setup documentation for more details.

    @ChrisM: I’m not sure what you mean, the nav buttons have never been arrows, they are tabs in the default theme, but there are several other themes that come with the default plugin and a few more you can get from here. That’s the css to move the navigation around. To change the navigation from numbers to bullets, use the navigationFormatter – see the docs here.

    # February 10, 2012 at 2:23 am

    @Mottie : Hey thanks a lot for the reply! The problem i’m having is that my anything slider was built into a wordpress theme that I purchased. However it was coded into the site without the admin panel or anything and coded in such a way that I can only see the 2 navigation arrows , as shown in http://www.gallyapp.com/tf_themes/?theme=Lotus .

    I have mailed the creator but to no avail. Where do I have to amend the code to get it back to a more default “AnythingSlider” ? If that makes any sense… The actual moving around of the nav in css is not a problem. Purely just changing it from the arrows as shown in the example to tabs / bullets.

    Thanks again!

    # February 10, 2012 at 6:28 am

    Gotta love people that sell stuff and don’t support it.

    Anyway, there’s not much I can do without seeing the actual code, and I don’t have $35 laying around that I can use on a WP theme I’m never going to use. So if you can find where in the code that the slider is being initialized and share that code with me, I’m sure I can help. Otherwise, spam the hell out of the author of the theme! LOL.

    # February 12, 2012 at 4:57 am

    Hey Mottie

    Yeah i’m quite fed up to say the least. Hope it’s ok to send a pm ?
    Thank you so much.

    # February 13, 2012 at 4:27 am

    I was wondering, if I could tweak the time between showing the actual slide and fading in the caption. I’m not sure how to approach this. Should I try it with onSlideComplete or within the anythingSliderFx? A hint to point me in the right direction would be appreciated. Thanks.

    # February 14, 2012 at 9:05 pm

    Try adding a set time out function inside of the “onSlideComplete” function, something like this:

    onSlideComplete: function(){
    setTimeout(function(){
    // show the caption
    }, 1000); // time delay in milliseconds
    }
    # February 19, 2012 at 12:22 pm

    Thanks Mottie!

    # April 15, 2012 at 4:24 pm

    LOL! I hope no one is keeping track of how many times I have edited this post, I keep discovering on my own what I’m doing wrong and my former question then becomes useless! …I now have the slider up and working, but I still can’t figure out how to get the photos loaded, and also what should be done with the files other than the code itself, such as the CSS, JS and IMAGE files …where should these be stored. Any help will be appreciated.
    Thanks John

    # October 7, 2012 at 9:33 pm

    how to display a bullet navigation instead of numbers? like if the slider has only 3 contents then it should display 3 bullets or 3 circle not 1-3 numbers as a navigation and also where in the css I could customize the current navigation? like for example, the current slide is 1 of course the navigations is on the “1″ if ever it is a number navigation and if it bullet navigation then the first bullet should be the active phase.

    Hope dudes here could give me a trick on this. thanks in advance.

    # October 8, 2012 at 7:15 pm

    @mejuliver!

    Make the `navigationFormatter` option return a bullet instead of a number (see the [docs](https://github.com/CSS-Tricks/AnythingSlider/wiki/Navigation-options#wiki-navigationformatter))

    navigationFormatter : function(index, panel){ return “●”; }

    # November 5, 2012 at 7:57 am

    I have yet to find anyone that can give a straight forward explanation here or on you tube as to how to install anything slider … smh

    # November 5, 2012 at 8:41 am

    @nathan_marq Did you find the [wiki documentation](https://github.com/CSS-Tricks/AnythingSlider/wiki/Setup#wiki-standard)? If that doesn’t help, please share what [CMS](http://en.wikipedia.org/wiki/Content_management_system) you are using (e.g. WordPress), or is this for a basic HTML page?

Viewing 15 posts - 61 through 75 (of 83 total)

You must be logged in to reply to this topic.

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