logo

jquery waterwheel Carousel 플러그인 이미지 아래에 텍스트 넣기

공수래 2013.08.12 15:27 조회 수 : 4607

  "<script>
         movingToCenter: function ($item) {          
            var img_id = $item.attr('id');
            var txt_id = 'txt_'+img_id.substr(4);
           jQuery('#carousel').find("'#"+ txt_id+"'")
               .css({ 'visibility': 'hidden' })
               .slideDown(400); 
           },                         
          movedToCenter: function ($item) {
            var img_id = $item.attr('id');
            var txt_id = 'txt_'+img_id.substr(4);
           jQuery('#carousel').find("'#"+ txt_id+"'")              
               .css({ 'visibility': 'visible' })
               .slideUp(200) 
           },   
          movingFromCenter: function ($item) {
            var img_id = $item.attr('id');                        
            var txt_id = 'txt_'+img_id.substr(5);                                  
           jQuery('#carousel').find("'#"+ txt_id+"'")                
               .css({ 'visibility': 'hidden'})
               .slideDown(200); 
          }                                        
 
    </script>
 
아래와 같이 div 안에다가 p 태그를 넣고 이미지와 div 에 각각의 아이디를 주고 위와같이 제이쿼리로 처리
스타일은' visibility' 핵심 나머지는 알아서....
   <ul id="carousel" style="">
      <li>
     <a href="#"><img src="##" id="{'img_'.$i}"/></a><div id="{'txt_'.$i}" class="whlabel" ><p style=" "></p></div>
     </li>
   </ul>"
 
, , , , , 이 게시물을
이 글의 추천인 목록 게시글 수정 내역 목록
목록
쓰기
쓰기 태그
  • 인기글
  • 최근글
  • 최근댓글