테스트 사이트 - 개발 중인 베타 버전입니다

코드 단축 질문드립니다. 채택완료

뽈레야뽈레 4년 전 조회 1,783

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

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

 

    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개

채택된 답변
+20 포인트
4년 전

$('.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); });

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

뽈레야뽈레
4년 전
너무 감사합니다!

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인