我正在使用超大jQuery滑块插件,该插件在单击导航锚点时会改变一个
超大jQuery插件::::::::::>
<script type="text/javascript">
jQuery(function($){
$.supersized({
// Functionality
slide_interval : 8000, // Length between transitions
transition : 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed : 1300, // Speed of transition
// Components
slide_links : 'blank', // Individual links for each slide (Options: false, 'num', 'name', 'blank')
slides : [ // Slideshow Images
{image : './lib/images/photos/image1.jpg'},
{image : './lib/images/photos/image2.jpg'},
{image : './lib/images/photos/image3.jpg'},
{image : './lib/images/photos/image4.jpg'}
],
bullet: "bullet",
bullet_active: "active",
bullet_main: "bullet-main",
bullet_main_active: "active",
bullet_main_second: "bullet-main-second1",
bullet_main_second_active: "active2"
});
});
</script>
bullet_main_second_active:“活动2”为活动锚点。
现在问题是CUFON在过渡后无法正常工作。有一个错误……它没有停用先前的锚点。将鼠标悬停在上一个锚点之后,它将颜色更改为默认值...
滑块插件可以在默认字体系列上正常工作。...其cufon错误
<script type="text/javascript">
Cufon('.block-right a h1');
Cufon.replace('#nav li a');
Cufon.replace('#rightcaption a', {
hover: {
color: '#f04037'
}
});
Cufon.replace('ul.tabNavigation li a', {
hover: {
color: '#FFF'
}
});
</script>
CSS ::::::::::::::>
#rightcaption {
float:right;
padding-top:25%;
font-size:14px;
color:#b5b5b5;
margin-right:40px;}
#rightcaption a {
background:url(../images/bullet1.png) no-repeat right 8px;
height:8px;
color:#b5b5b5;
font-size:14px;
margin:0 0 5px 0;
padding:4px 40px 13px 13px;
display:block;
text-align:right;}
a.active2 {
background:url(../images/bullet2.png) no-repeat right 8px #FFF !important;
margin:0 20px 5px 0;
color:#f04037;
font-size:14px;
padding:4px 40px 13px 13px !important;
display:block;}
img :::::::::::::::::>
http://i.stack.imgur.com/lyjvw.png
最佳答案
如果我真的理解了您的问题,那么我会说cuffon有一种方法,必须在更改任何元素后(在任何过渡之后)使用/调用该方法才能生效,并且我认为您丢失了它,因此可以在您的过渡已完成
Cufon.refresh(); //Refresh elements that are using coffon font to apply new style
我认为,您必须在每次转换后以某种方式调用回调函数。这是SO about cuffon的答案,这是SO about supersized的答案(由插件的作者回答),这些可能会有所帮助。