이미지 배열에서 매우 간단한 jquery 슬라이드 쇼를 만드는 방법은 무엇입니까?

Question

PHP에서 가져온 이미지 배열이 JavaScript 배열로 변환되었습니다. 코드입니다.

var imgs = ["data/lst/seasonal/lst-2002-Apr-May-Jun.png", 
      "data/lst/seasonal/lst-2002-Jul-Aug-Sep.png", 
      "data/lst/seasonal/lst-2002-Oct-Nov-Dec.png"] 
    var cnt = imgs.length; 

    $(function() { 
     setInterval(Slider, 5000); 
    }); 

    function Slider() { 
    $("#imageSlide").show("fast", function() { 
     $(this).attr("src", imgs[(imgs.length++) % cnt]).show(); 
    }); 
    } 
    <img id="imageSlide" alt="" src="" /> 

코드는 작동하지만 중요한 것은 거의 없습니다.

내가하고 싶은 JSFIDDLE DEMO http://jsfiddle.net/zwtcwsgh/

는 다음과 같은 기능을 참조하십시오.

가장 중요한 한 번 1입니다

1. Using image file names all caps minus extension as a caption. 
    eg. LST-2002-OCT-NOV-DEC 
    2. With back and next buttons. 
    3. stop animation on mouse hover. 
    4. animation without a break. Something similar to show(); 
    5. loading animation till the entire images are loaded. 

, 2,3

는 도움을 주셔서 감사합니다!

Answer 1

인쇄물을 인쇄하려면 Unslider을 사용할 수 있습니다. 캡션에 약간의 작업이 필요할 것 같지만, 많이 사용하는 작은 확장 프로그램입니다.