Removing Cufon shouldn’t affect your slider functionality at all. What do you mean by “the slider wouldn’t work”?
Well, I’ve uploaded a new page www.yourdemosite.in/index1.html, in which the only difference from the original index.html is commenting out of the script inclusion code:
<!–script src=“js/cufon-yui.js” type=“text/javascript”></script>
And when you take a look at the page, you can see that the slider doesn’t work in it!!!
Try removing the Cufon code from your custom.js:
// cufon
Cufon.replace('.custom, .link-button, #nav>li>a, #social-bar, h1, h2, h3, h4, h5, h6, .bullet-title .big, .bullet-title .small, .title, .subtitle, .portfolio-sidebar ul li a, .post-title, #sidebar ul li a, .staff .information .header .name, .headline', {
Uncaught ReferenceError: Cufon is not defined
fontFamily: 'bebas-neue',
hover: true
});
Or if not removing it, either comment it out for testing purposes or move it to the bottom of the code.
That works! So what does the Cufon code in custom.js do? It overrides the other settings in CSS?
No, I think it was causing a JS error, because the main Cufon script was removed—meaning the call to Cufon.replace() was broken—and so it was messing up the JS that followed it in that custom.js file.
Ahh, got it, silly me :), thnx…