简体   繁体   English

jQuery的自动循环与上一个和下一个按钮

[英]jquery auto cycle with prev and next buttons

I need a to create a slide show with previous and next buttons. 我需要创建一个带有上一个和下一个按钮的幻灯片放映。 So I found an example online. 所以我在网上找到了一个例子。 I tried implementing it but there is a part I dont understand: Cufon replacement. 我尝试实现它,但是有一部分我不了解:Cufon替换。 I dont know where to add the following code. 我不知道在哪里添加以下代码。

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

You have to add the Cufon-Javascript to your website: 您必须将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>

The Cufon class is here , and yourjs.js will look like this: Cufon类在这里 ,并且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'
        });
    }
});

EDIT: I see that you also need something like fontname.font.js , which can be generated at Cufon's website 编辑:我看到您还需要类似fontname.font.js东西,可以在Cufon的网站上生成

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM