ansaurus

Question

jquery auto cycle with prev and next buttons

Answer 1

A:

You have to add the Cufon-Javascript to your website:

<head>
(...)
<script type="text/javascript" src="jquery-1.3.2-min.js"> </script>
<script type="text/javascript" src="cycle.js"> </script>
<script type="text/javascript" src="cufon.js"> </script>
<script type="text/javascript" src="yourjs.js"> </script>
(...)
</head>

The Cufon class is here, and yourjs.js will look like this:

$(document).ready(function(){
    Cufon.replace('#features .title')('h1')('h2')('#nav-main li a:not(#nav-main li div a)',{ hover: true })('.dropped-list .close')('.nav-segment p')('#hero .content p',{ hover: true })('.date');

    if ($('.starter').length > 0)
    {
        $('.starter').cycle({
            fx:      'scrollLeft',
            timeout: 10000,
            next:   '#next', 
            prev:   '#prev'
        });
    }
});

EDIT: I see that you also need something like fontname.font.js, which can be generated at Cufon's website

Harmen 2009-12-30 18:12:24

ansaurus

tags:

views:

answers:

jquery auto cycle with prev and next buttons

related questions