2012-04-06 8 views
0

ich supersized jQuery slider Plugin bin mit derCufon arbeitet nicht mit überdimensionalen Schieber

Rießig jQuery Plugin :::::::::>

<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 ein auf Klick NAV Anker zu ändern: "active2" ist ACTIVE ANCHOR.

Jetzt Problem ist CUFON funktioniert nicht in nach dem Übergang .. Es ist ein Bug ... es ist nicht deaktiviert vorherigen Anker. nach Hover auf sie vorherigen Anker die Farbe ändern, auf die Standard ... Slider Plugin funktioniert gut auf Standard-Schriftfamilie .... its cufon Bug

<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

Antwort

1

Wenn ich verstanden Ihre Frage ist wirklich, dann würde ich sagen, dass cuffon eine Methode, die muss verwendet werden/aufgerufen werden, nachdem ein Element geändert wurde (nach einem Übergang) und ich denke Sie vermissen, dass Sie können, so nennen, dass nach dem Übergang abgeschlossen ist

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

Ich denke, irgendwie muss man nach jedem Übergang eine Callback-Funktion aufrufen. Hier ist eine Antwort auf SO about cuffon und hier ist eine Antwort auf SO about supersized (vom Autor des Plugins beantwortet), diese könnten hilfreich sein.