Integration of jQuery slider WordPress
- SOLVED
Hey guys,
I'm working on a customisation of one of Gabfire Themes' themes, Newspro, but my pet hate jQuery has come back to haunt me. The client wants to use the slider from Gabfire's Blognews theme and has given me a copy of the theme so in theory in can copy and paste the code.
I've copied in the loop used to get the posts and the JS, but it's not doing anything. I suspect it's something blindingly obvious, but I don't know where to look. I don't need any help with the WordPress code powering it, just the JS.
If you think you're able to help, I'll happily email you FTP details and the Blognews theme (under the GPL).
For reference:
- site is http://aylwardfamily.com/wordpress/
- BlogNews theme is http://demos.gabfirethemes.com/blognews/
Answers (3)
Alex Sancho answers:
If you enable firebug, you can see that cycle is complaining about an unknown fx, you can't define the fx as '', you need to choose one of the available efects http://jquery.malsup.com/cycle/options.html
Alex Denning comments:
Awesome, thanks :)
How can I make it so that it stays on the first and only moves when you manually click next?
Alex Sancho comments:
just look at this example for your second question http://jquery.malsup.com/cycle/pager6.html
Alex Sancho comments:
probably this one fits better with what you want to do http://jquery.malsup.com/cycle/pager11.html
Alex Denning comments:
Sorry, you'll have to spell it out for me - could you show me what code I need to add where?
Thanks :)
Alex Sancho comments:
You only need to set the timeout to 0
Alex Denning comments:
That's great, thanks. I shall send payment in a sec :)
Alex Sancho comments:
glad to help
Alex Denning comments:
As I suspected, one final question! The last slide is always showing up a load of JS instead of the post -- what do I need to do to stop that happening?
Alex Denning comments:
Specifically, an extra slide is being added with a load of CDATA - as you'll be able to to see on the site.
Alex Sancho comments:
Taking a look at source code, you can see a bunch of javascript code inside #featured-slider, you need to close the .fea-slides and #featured-slider div before echoing the javascript.
Alex Denning comments:
Ah, it was a plugin conflict. Many thanks for your help :)
Pixel Coder answers:
Alright i got this.
Pixel Coder comments:
If you hit me up with ftp i'll fix it.
