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.
You don’t have to know anything, except a little CSS to get it to fit into your site. Just download http://css-tricks.com/anythingslider-jquery-plugin/ the files and start playing around with the css, that way you will get to understand how things work and then when you have something up and running we can help you troubleshoot it.
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.
From there, you have to add it in the locations that you want. It is not that hard to do. I have heard that there was an actual wordpres plugin for this, but I can’t find it.
Sorry for asking so many questions. This is not an intuitive process for me. Thanks for all your help.
When you look at the demo, you will see that Chris has linked in several files. They are desginated by
Here are the lines you need to copy in to your WordPress header.
He also loads another script for the slider controls.
That should all be loaded in the head of the site, before . The files should be loaded in the theme’s folder in a JS folder.
From there, you can place the slider where you would like for it go with the code below. Here is what I did. I created a folder called images in the theme folder and a subfolder called slider. I then call all of the images that I want in the slider.
/images/slider/logo.jpg" alt="" />
/images/slider/slide-1.jpg" alt="" />
/images/slider/slide-2.jpg" alt="" />
/images/slider/slide-3.jpg" alt="" />
/images/slider/slide-4.jpg" alt="" />
/images/slider/slide-5.jpg" alt="" />
/images/slider/slide-6.jpg" alt="" />
The last thing that you need to do is copy the CSS for the slider into your stylesheet for your theme. That should take care of all of it. Let me know if you have any more questions.
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:
So what do you think? Where did I go wrong?
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.
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!
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
#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.
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".