2012-04-06 52 views
0

我使用jQuery的超大型滑块插件,它改变一个上点击NAV锚的Cufón不与超大型滑块

超大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工作: “active2”是ACTIVE ANCHOR。

现在问题是CUFON不能在转换后工作..有一个错误...它不是无效的上一个锚点。以前锚悬停后,改变颜色为默认...... 滑块插件的默认字体家族做工精细....它的Cufón错误

<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

回答

1

如果我真的了解你的问题,那么我会说,cuffon有方法必须在任何元素被改变之后(在任何转换之后)使用/调用才会生效,我想你缺少这一点,所以你可以调用你的过渡已经完成

Cufon.refresh(); //Refresh elements that are using coffon font to apply new style 

我想以后,不知为何,你必须每次跃迁之后调用回调函数。这里是对SO about cuffon的回答,这里是对SO about supersized的回答(由插件作者回答),这些可能会有所帮助。