[英]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.