AXSlideViewer

이미지를 자세히 보고 싶다면 아래 이미지 아이콘을 클릭해 주세요.

    var myViewer = new AXSlideViewer();
    myViewer.setConfig({
        id:"myViewer01",
        fitToHeight: false
    });

    /*
    // 이미지 list 의 키 네임을 변경해야 한다면. setConfig 에
    myViewer.setConfig({
        id:"myViewer01",
        fitToHeight: false // true 로 하면 이미지가 꽉찬 형태로 표시 됩니다.
        reserveKeys = {
            title: "title", // 값을 변경 하세요.
            description: "description",
            url: "url"
        },
        onClose: function(){

        }
    });
    */

    //이미지 뷰어를 오픈하려면 아래의 메소드를 이용 하세요.
    // list 는 이미지 배열 전체.
    // selectedIndex 는 오픈되자 마자 봐야할 이미지 순번
    myViewer.open({id:"myViewer01", list:slides, selectedIndex:itemIndex});
    

AXSlideViewer는 deskTop, mobile을 모두 지원하는 이미지 뷰어 입니다. 터치 혹은 마우스로 이미지를 이동 및 확대 축소 시킬 수 있습니다.

• 이미지를 더블클릭하면 이미지가 확대/축소 됩니다.
• 이미지를 클릭하면 컨트롤러 활성 비활성 처리 됩니다.
• 마우스 휠을 조작하면 이미지가 확대/축소 됩니다.
• 끝으로 이미지뷰어 하단 중앙에 핸들은 한번 눌러 보시면 압니다.

이미지뷰어에 기능이 맘에 안들거나 보강을 원하시면 깃 허브 이슈에 남겨주세요. 감사합니다.