slick slider 질문

slick slider 질문

QA

SIR 제작의뢰 - 견적무료/익명보정/호스팅, DB 이전/단기개발. 이젠 ' 의뢰인'이 원하는 '제작자'에게만 연락처를 알릴 수 있습니다.

slick slider 질문

본문

슬릭슬라이더로 작업중입니다.

 

 $(document).ready(function(){

 $(".relateList").slick({

  dots: true,

  infinite: true,

  slidesToShow: 10,

  slidesToScroll: 5

});

 });

 

css랑 js 다 링크 걸었구요.

1026167996_1569905845.8274.jpg

 

슬라이드가 제대로 적용이 안되는데 왜그런걸까요 ㅠㅠ

 

레이어팝업 클릭시 관련 상품 리스트가 나오는 형식입니다.

 

function wrapWindowByMask(){

 

  //화면의 높이와 너비를 구한다.

  var maskHeight = $(document).height();  

  var maskWidth = $(window).width();  

 

  //마스크의 높이와 너비를 화면 것으로 만들어 전체 화면을 채운다.

  $("#mask").css({"width":maskWidth,"height":maskHeight});  

 

  //애니메이션 효과 - 일단 0초동안 까맣게 됐다가 Fade 애니메이션 효과

 

  $("#mask").fadeIn(0);      

  $("#mask").fadeTo("slow");    

 

  //윈도우 같은 거 띄운다.

  $(".window").show();

 

 }

 

 $(document).ready(function(){

  //검은 막 띄우기

  $(".relatePrd").click(function(e){

      e.preventDefault();

      wrapWindowByMask();

  });

 

  //닫기 버튼을 눌렀을 때

  $(".window .close").click(function (e) {  

      //링크 기본동작은 작동하지 않도록 한다.

      e.preventDefault();  

      $("#mask, .window").hide();  

  });       

 

  //검은 막을 눌렀을 때

  $("#mask").click(function () {  

      $(this).hide();  

      $(".window").hide();  

 

  });      

 

 });

이건 레이어팝업 문구입니다.

 

도움 좀 부탁드리겠습니다.

이 글을 내 페이스북 계정으로 보내기 이 글을 내 트위터 계정으로 보내기 이 글을 내 구글플러스 계정으로 보내기

이 질문에 댓글 쓰기 :

답변 1

채택됨

조나단입니다님의 답변

슬릭슬라이드는 잘 모르겠는데..

저기 slick-active가 왠지 하나여야될것 같습니다만.. 아닌가요?

주소복사
채택됨
답변의 댓글
답변을 작성하시기 전에 로그인 해주세요.
전체 697
고마운 분의 도움으로 질문을 해결하셨다면, 채택을 눌러서 감사의 마음을 전하세요.
어떻게 질문해야 할지 모른다면 질문하는 방법을 읽어 보신후 질문해 보세요.
QA 내용 검색

회원로그인

진행중 포인트경매

  1. 사이트맵 + RSS = 구글, 네이버 웹마스터도구

    참여20 회 시작19.12.13 10:44 종료19.12.16 10:44
  2. 강릉의 명물 초당/안목 커피빵

    참여29 회 시작19.12.10 11:21 종료19.12.17 11:21

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT