I’m converting a static HTML site to WordPress for a client and I’m having a problem getting the Nivo slider to work.
It works perfectly on the HTML version as can be seen here but on the WordPress version seen here it doesn’t seem to show any of the images.
The WordPress version’s script is registering as it’s applying some styles to the .slider element but the slideshow images are always set to display:none.
Anybody have any ideas?
EDIT;
The HTML version uses this;
$(window).load(function() {
$('.slider').nivoSlider({
effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
slices:40,
directionNav:false, //Next and Prev
controlNav:false //1,2,3...
});
and the WP version uses this;
jQuery(document).ready(function ($) {
$('.slider').nivoSlider({
effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
slices:40,
directionNav:false, //Next and Prev
controlNav:false //1,2,3...
});
});
You are missing the jquery.min.js file from the static version. Make sure to add the line below
Adding the above line only seems to solve the problem if it is inserted in your footer AFTER the line below: