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 앵커을 클릭에 하나를 변경 내가 초대형 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 :::::::::::::::::> 정말 그때 그 cuffon이 방법을 가지고 말을 당신의 질문을 이해하면 http://i.stack.imgur.com/lyjvw.png

출처

2012-04-06 Shayan Husaini

그 어떤 요소가 변경된 후에 적용될 필요가있다. (전환 후에) 나는 생각한다. 당신은 것을 누락, 그래서 당신은 당신의 전환이 내가 생각

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

를 완료 한 후, 어떻게 든 각 전환 후 콜백 함수를 호출 할 필요가 있음을 호출 할 수 있습니다. 여기에 대한 대답은 about cuffon이고 여기에 대답은 about supersized (플러그인 작성자가 답변)에 대한 답변입니다. 이것이 도움이 될 수 있습니다.

출처

2012-04-06 19:12:35

CUFON는 초대형 슬라이더

답변

관련 문제