Question

我需要创建一个带有上一个和下一个按钮的幻灯片。所以我在网上找到了一个例子。我尝试实现它，但有一部分我不明白：Cufon替换。我不知道在哪里添加以下代码。

    // Cufon title replacement
    //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');

    //hasSearched = false;



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

                <div class="starter">
                    <img src="images/home_slideshow_1.jpg" alt="Slideshow 1" />
                    <img src="images/home_slideshow_2.jpg" alt="Slideshow 2" />
                </div>

Answer 1

您必须将Cufon-Javascript添加到您的网站：

<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>

Cufon类是here，yourjs.js看起来像这样：

$(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'
        });
    }
});

修改我发现您还需要fontname.font.js之类的内容，可以在Cufon's website

生成

jquery自动循环使用prev和next按钮

1 个答案: