이미지 대신 div로 jQuery 슬라이더를 작동 시키십시오.

Question

이 웹 사이트 페이지 poochclub.com에서 작업 중이며 이미지 대신 텍스트를 모두 작성하려고합니다. 문제는 js 파일 (about.js라고 함)이 잠재적으로 텍스트를 추가 할 수있는 div에서 대신 이미지로 작업하도록 설정된 모든 정보로 아래 패널에서 작업하고 싶을 때입니다. 나는 자바 스크립트를 쓰기에 아주 좋은 아니에요 나는 다음과 같이 보이는 원본 파일을 해결하기 위해 도움이 필요합니다 : 나는 여러 가지 DIV의 id를 찾는 IMG을 찾는에서 JS 파일을 변경합니까 어떻게

<script type="text/javascript>   
(function ($) { 
     var pages, panels, arrows, currentClass = 'current', 
      currentIndex = 0, currentSize = 0; 

    function showPage() { 
     var ctx = jQuery.trim(this.className.replace(/current/gi, '')); 
     $(this).addClass(currentClass).siblings().removeClass(currentClass); 

     $('.panel') 
      .removeClass(currentClass) 
      .find('img') 
       .removeClass(currentClass) 
       .removeAttr('style') 
      .end(); 

     panels.find('.' + ctx)   
      .addClass(currentClass) 
      .find('img')  
       .removeClass(currentClass) 
       .removeAttr('style')  
       .eq(0) 
        .fadeIn() 
        .addClass(currentClass) 
      .end()  

     currentIndex = 0; 
     currentSize = panels.find('.' + ctx + ' img').length; 
     return false; 
    } 

    function showArrows(e) { 
     arrows['fade' + (e.type === 'mouseenter' ? 'In' : 'Out')](); 
    } 

    function getPrev() { 
     currentIndex = currentIndex - 1 < 0 ? currentSize - 1 : currentIndex - 1; 
     return currentIndex; 
    } 

    function doPrev() { 
     var ctx = panels.find('div.current img'); 
     ctx.removeClass(currentClass).removeAttr('style'); 
     ctx.eq(getPrev()).fadeIn().addClass(currentClass); 
    } 

    function getNext() { 
     currentIndex = currentIndex + 1 >= currentSize ? 0 : currentIndex + 1; 
     return currentIndex;  
    } 

    function doNext() { 
     var ctx = panels.find('div.current img'); 
     ctx.removeClass(currentClass).removeAttr('style'); 
     ctx.eq(getNext()).fadeIn().addClass(currentClass); 
    } 

    $(document).ready(function() { 
     pages = $('.panels-nav a'); 
     panels = $('.panels'); 
     arrows = $('.arrows'); 

     pages.click(showPage); 
     panels.bind('mouseenter mouseleave', showArrows); 
     arrows.find('.prev').click(doPrev).end().find('.next').click(doNext); 

     pages.eq(0).click(); 
    }); 
}); 
</script> 

내 질문에, 미끄럼 판에 붙어 있니?

감사합니다.

Answer 1

img에 대한 참조는 새로운 선택자 여야합니다. 클래스 슬라이더가있는 div 인 'div.slider'와 같은 것입니다.

img 선택기가 표시되는 모든 찾기를 살펴보십시오.