slick slider 질문
본문
슬릭슬라이더로 작업중입니다.
$(document).ready(function(){
$(".relateList").slick({
dots: true,
infinite: true,
slidesToShow: 10,
slidesToScroll: 5
});
});
css랑 js 다 링크 걸었구요.
슬라이드가 제대로 적용이 안되는데 왜그런걸까요 ㅠㅠ
레이어팝업 클릭시 관련 상품 리스트가 나오는 형식입니다.
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가 왠지 하나여야될것 같습니다만.. 아닌가요?
팝업창이 뜨면 resize 함수를 이용해줘야 잘 뜬다고 하네요. 잘 해결했습니다 :)
