How to use the Anything Slider

[HenryHunter]

Hello!

I’ve been desperately searching for an adequate slider to use on my home page (and possibly other pages of my site). I currently use the Promo Flash Gallery (which I paid for) from Flash-Gallery.com, but it forces a border around the images–not cool, man. Anyway, I use WordPress as the CMS of my website and this Anything Slider looks like it will do a much better job than my current slider. However, I don’t know PHP or JQuery, and I’m wondering if any of you awesome people would mind helping me understand how to install and use this slider on my website (or at least point me in the right direction).

Right now I don’t want to use the slider in connection with my posts. I want to use it to display images that I have on my backend, which will link to pages on and off my site.

This whole finding a slider business has been a real pain in the neck, and I can’t tell you how much I will appreciate any help with installing and using this slider.

Thanks dudes!

[HenryHunter]

Okay, thanks for the help. I know a bit of CSS so hopefully things go well.

[HenryHunter]

Dang!

I downloaded the plugin via the link you provided me and installed it the same way I install all plugins, but I don’t see the Anything Slider in my plugin list. If it matter I’m using WordPress version 3.0.1. I’d appreciate any help you can give me. Thanks.

[HenryHunter]

Anyone?

[HenryHunter]

Whoops! I had no clue. Do you mean add JavaScript code to my header or actual files? And what do I do with the rest of the folders (CSS, Images, JS)? Do I just dump those into my theme folder as a folder or individual files?

Sorry for asking so many questions. This is not an intuitive process for me. Thanks for all your help.

[HenryHunter]

Hey!

First, let me say thanks a lot for getting back to me and for being so helpful. I did what you asked but unfortunately it didn’t work. Let me tell you exactly what I did and maybe you can find the mistake. Don’t worry, I’m pretty good with explanations. Here goes:

1. I pasted the first two pieces of code you gave me inside my header.php file, inside the ‹head›‹/head› tags.
2. I pasted the third piece of code you gave me into my index.php file, before the loop (I want the gallery to show up on my home page).
3. I took the entire js folder (not just the individual files) and put it in my current themes folder.
4. I already have an images folder in my theme’s folder so I simply made a “slider” folder inside of it with the images I want to use.
5. Lastly, I took the individual CSS files that were inside the CSS folder and added them to my theme.

So what do you think? Where did I go wrong?

[HenryHunter]

Anyone?

[HenryHunter]

=/

[HenryHunter]

Com’on CSS-Tricks people. I really need help with this. I will give anyone who helps me solve this issue $15 (via PayPal only). I know it’s not a lot of cheese, but all you’ll have to do is suffer a few annoying questions from me until I can get it to work. Thanks folks.

[jamygolden]

I don’t think is correct, I think it’s meant to be

Also, are you sure you’re loading up the actual jQuery file?

[HenryHunter]

Hey man, thanks for helping me out here as well. I’m not sure what you mean when you ask “are you sure you’re loading up the actual jQuery file.” I’m not even sure what jQuery means, and I not sure if I have to upload the actual files or the folder with the files (does that make sense?). All I know is XHTML and CSS lol. Feel free to be as specific as you can. Thanks!

[jamygolden]

Ok, people have been assuming you do know a bit about jQuery.

First thing, upload the files to your theme folder: http://www.url.com/wp-content/themes/YourTheme/

Add this within your section:

Where #slider is your

.

Make sure that the files are linking correctly. To do this, once the page has loaded press ctrl+u—this will open the source. Browse to where these links you have just inserted are and click on them. Make sure they are opening the correct files. If they are, then it should be working. Also, do you have a live example of your site? It would be easier to debug if I could see the site.

[HenryHunter]

Okay dude. I’m going to do ALL of this on Wednesday. I will send you a message once it’s working or not working. Thanks for helping me out even more.

[HenryHunter]

Okay, I couldn’t wait so I just tried my best now. Something definitely went wrong. The images are not sliding, instead they’re just showing up in a list. Here’s the link to my site:

http://www.LearnWriter.com/

Let me know what you think I did wrong. Thanks.

[jamygolden]

Go to github and download the latest version of anything slider. Extract it into a folder. You should have a bunch of folders named: colourbox, css, images, js.
Copy the ‘css, images, js’ folders into your theme folder. Delete anything you feel is unnecessary—such as those slide example–images, etc.

Remove anything you’ve already added to your header section that is related to anythingSlider and replace it with this:

Now, remove the ID from div#anything_slider and add it to the <ul> – You have to target a <ul>, not a <div>

It should look like this:

It should work, but if not, upload it and let me have a look.

[Author]

Posts