테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

레이어팝업에 스킨입히는법 채택완료

psj9716 8년 전 조회 2,601
답변 1
목록

http://jisu.webnain.com/tep/index.html">http://jisu.webnain.com/tep/index.html

이렇게 게시판 목록들이 쫘르륵있습니다. (아직 html코딩만한상태입니다.)

그리고 http://jisu.webnain.com/tep/layerPop.php">http://jisu.webnain.com/tep/layerPop.php

이것을 이미지 눌렀을때 팝업을 이렇게 바꾸고싶습니다.

어떻게 수정해야할까요... 

##이미지슬라이드 ##레이어팝업 ##script ##제이쿼리 ##css
댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
뽁
뽁스
8년 전

http://jisu.webnain.com/tep/images/default-skin.png">http://jisu.webnain.com/tep/images/default-skin.png

위의 이미지를 변경한 다음

http://jisu.webnain.com/tep/css/default-skin.css">http://jisu.webnain.com/tep/css/default-skin.css

에서 아래 부분 찾아서 이미지 크기 및 해당 클래스별로 배경이미지 위치 조정하면 됩니다. 

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url("../images/default-skin.png") 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }


.pswp__button--close {
  background-position: 0 -44px; }

~~

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

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

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

로그인