2012-04-06 9 views
0

CUFONは超大型スライダー

スーパー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 NAVのアンカーをクリックすると上の1を変更私は超大型jQueryのスライダープラグインを使用しています

で作業されていません。 "active2"はACTIVE ANCHORです。

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

答えて

1

私は本当にあなたの質問を理解している場合、私はそのcuffonは、そのメソッドを持っていると言うでしょう要素が変更された後(移行後)に有効になるために使用/呼び出されなければならないと思いますあなたはその不足しているので、あなたの移行が、私が思う

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

を完了した後に、何らかの形であなたは各遷移の後にコールバック関数を呼び出すために持っていることを呼び出すことができます。ここでの答えはabout cuffonであり、ここにはSO about supersized(プラグインの著者が回答)の回答があり、これらは参考になる可能性があります。

関連する問題