코드 단축 질문드립니다.

코드 단축 질문드립니다.

QA

코드 단축 질문드립니다.

본문

그누보드 관련 질문은 아니지만.. 

물어볼곳이 이곳뿐이라 도움을 요청합니다.

 

    var slide1_num = 0;    

/* 이전버튼 클릭하면 */
    $('.section5 .button-prev').click(function(){
        if(slide1_num <= 0){ 
            slide1_num = 7; 
        }else{
            slide1_num = slide1_num-1;
        }
        $('.gallery-top ul li').eq(slide1_num).stop().fadeIn(100).siblings().stop().fadeOut(100);
        $('.section5_thumbs li').eq(slide1_num).stop().animate({opacity:1}).siblings().stop().animate({opacity:0.4});
    });

 

 

슬라이드가 이런식으로 제이쿼리가 들어갑니다.

이전/다음 버튼을 누르면 >  썸네일과 사진이 바뀌어라  //// 는 위 코드를 구글링해서 했는데 

 

썸네일을 눌러도 사진이 바뀌는걸 하고싶습니다. 

 

$('.section5_thumbs li:eq(0)').click(function(){
        $(this).stop().animate({opacity:1});
        $(this).siblings().stop().animate({opacity:0.3});
        $('.gallery-top ul li:eq(0)').stop().fadeIn(100).siblings().stop().fadeOut(100);
    });

 

위와 같은 소스로 eq(0) ~ eq(7)까지 소스가 들어가있는데

소스가 너무 길어져서 한줄로 줄이고싶습니다.

 

혹시 도움 주실 분이 계실까요..? 

 

이 질문에 댓글 쓰기 :

답변 1

$('.section5_thumbs li').slice(0,8).on('click', function(){
    var idx = $(this).index();
    $(this).stop().animate({opacity:1});
    $(this).siblings().stop().animate({opacity:0.3});
    $('.gallery-top ul li').eq(idx).stop().fadeIn(100).siblings().stop().fadeOut(100);
});

답변을 작성하시기 전에 로그인 해주세요.
전체 612
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT