Hey guys
I am using this nice jquery slider for a website and have come to a roadblock in that I cannot pass any kind of jquery to alter this thing. I am mainly trying to use cufon font replacement to make a nicer looking caption / headline on it. I have also tried using other jquery functions like .append and .wrap and nothing does anything. I will post my code below:

oh and the website is http://brainbuzzmedia.com/themes/amplify/html/

<!-- cufon -->
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="cufon/Museo_Sans_500.font.js" type="text/javascript"></script>
<script src="cufon/mplus-2p_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
            Cufon.replace('h1, h2, h3, h4, h5, h6, th', { fontFamily: 'mplus-2p' });
            Cufon.replace('.cufon', { fontFamily: 'mplus-2p' });
</script>

<!-- sliders -->
<script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script>

<!-- initialize sliders -->
<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider({
        controlNav:true,
        directionNav:false,
        animSpeed:500,
        pauseTime:4000
    });
});
</script>

<!-- add headers to slider captions for cufon -->
<script type="text/javascript">
$(document).ready(function(){
    $('.box_third ps').wrap('<h4 />');
}); 
</script>

</head>

...

<!-- nivo slider -->
            <div id="slider">
            <a href="http://www.webmaster-talk.com/images/slide1.jpg"><img src="http://www.webmaster-talk.com/images/slide1.jpg" alt="" title="<h4>This is the title of the article.</h4>" /></a>
            <a href="http://www.webmaster-talk.com/images/slide2.jpg"><img src="http://www.webmaster-talk.com/images/slide2.jpg" alt="" /></a>
            <a href="http://www.webmaster-talk.com/images/slide4.jpg"><img src="http://www.webmaster-talk.com/images/slide3.jpg" alt="" /></a>
            <a href="http://www.webmaster-talk.com/images/slide5.jpg"><img src="http://www.webmaster-talk.com/images/slide4.jpg" alt="" /></a>
            <a href="http://www.webmaster-talk.com/images/slide6.jpg"><img src="http://www.webmaster-talk.com/images/slide5.jpg" alt="" /></a>
            </div>

As you can see on the live page, hard coding the <h4> into the title"" tag (what Nivo uses for the caption) only displays an <h4> with the default font and won't use any jquery.

Hello,

I've the same problem. Did you find a solution?

$(window).load(function() {
$('#slider').nivoSlider({
controlNav:true,
directionNav:false,
animSpeed:500,
pauseTime:4000
});
});


replace by

$(document).ready(function() {
$('#slider').nivoSlider({
controlNav:true,
directionNav:false,
animSpeed:500,
pauseTime:4000
});
});

I've done that, but it does not work. I've created this example:
http://uploads.dennismadsen.com/nivo-slider/

As you see, only the first caption has been affected by the cufon.

How can I fix that?