묻고답하기

  2. Support
  3. 묻고답하기

cycle-pager 배너에 a 링크를 걸면 배너 이미지가 풀려요ㅠ

2019.04.02 10:36

소라db952

자바스크립트나 이런쪽은 하나도 모르는 초보구요
a링크 태그를 건 이미지만 자꾸 쏙 나와요..ㅠㅠ
어디가 문제인걸까요>>?
저 부분의 소스만 가져와봤는데 한 번 봐주시면 감사하겠습니닷..
 
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<link href="css/main.css" rel="stylesheet">
 
<script
 
<script src="js/common_js.js"></script>
<script src="js/login.js"></script>
 
 
</script>
 
 
</head>
 
<body>
 
<div id="main_banner">
 <div class="bg">
   <div class="cycle-slideshow" data-cycle-fx="scrollHorz"
     data-cycle-timeout="3000" data-cycle-prev="#prev"
     data-cycle-next="#next">
   <div class="cycle-pager"></div>
    <img src="images/bg.png" alt="메인사진1">
      <a href="http://naver.me/5j7YPFOT">
       <img src="images/bg4.png" alt="메인사진4">  <---- 이부분 이미지에는 cycle-pager가 적용이 안되요
      </a>
    <img src="images/bg5.png" alt="메인사진5">
</div>
 
 
css
/*슬라이드 시작*/
.cycle-slideshow, .cycle-slideshow * 
{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
 
.cycle-slideshow 
{width: 100%;
margin: -1px auto;
padding: 0;
position: relative;}
 
.cycle-slideshow div.slide 
{width: 100%;
height: 100% }
 
.cycle-slideshow a img 
{position: absolute;
top: 0; left: 0;
width: 100%;
padding: 0;
display: block;}
 
.cycle-slideshow a img:first-child
{position: static; 
z-index: 100;}
 
.cycle-pager 
{text-align: center;
width: 100%;
z-index: 500;
position: absolute;
bottom: 2px;
overflow: hidden;}
 
.cycle-pager span
{font-family: arial;
font-size: 50px;
width: 21px;
height: 16px; 
display: inline-block;
color: #ddd;
cursor: pointer; }
 
.cycle-pager span.cycle-pager-active 
{ color: #17306F;}
 
.cycle-pager > * 
{ cursor: pointer;}
 
/*슬라이드 끝*/
 
 
</div>
</div>
태그 연관 글
  1. [2021/08/03] 묻고답하기 홈페이지를 처음 제작해보는데 by clara *3
  2. [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요? by 가입명
  3. [2019/03/27] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. by Spooky *1
  4. [2019/01/03] 묻고답하기 카메론 위젯에서 날짜부분을 올리고 싶어요. by 퓨라 *1
  5. [2018/12/31] 묻고답하기 슬라이드 위젯 삽입 후 메뉴가 안보이네요 고수님들 부탁드립니다 by BEO *6
, , 이 게시물을
Profile
자바스크립트나 이런쪽은 하나도 모르는 초보구요
a링크 태그를 건 이미지만 자꾸 쏙 나와요..ㅠㅠ
어디가 문제인걸까요>>?
저 부분의 소스만 가져와봤는데 한 번 봐주시면 감사하겠습니닷..
 
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<link href="css/main.css" rel="stylesheet">
 
<script
 
<script src="js/common_js.js"></script>
<script src="js/login.js"></script>
 
 
</script>
 
 
</head>
 
<body>
 
<div id="main_banner">
 <div class="bg">
   <div class="cycle-slideshow" data-cycle-fx="scrollHorz"
     data-cycle-timeout="3000" data-cycle-prev="#prev"
     data-cycle-next="#next">
   <div class="cycle-pager"></div>
    <img src="images/bg.png" alt="메인사진1">
      <a href="http://naver.me/5j7YPFOT">
       <img src="images/bg4.png" alt="메인사진4">  <---- 이부분 이미지에는 cycle-pager가 적용이 안되요
      </a>
    <img src="images/bg5.png" alt="메인사진5">
</div>
 
 
css
/*슬라이드 시작*/
.cycle-slideshow, .cycle-slideshow * 
{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
 
.cycle-slideshow 
{width: 100%;
margin: -1px auto;
padding: 0;
position: relative;}
 
.cycle-slideshow div.slide 
{width: 100%;
height: 100% }
 
.cycle-slideshow a img 
{position: absolute;
top: 0; left: 0;
width: 100%;
padding: 0;
display: block;}
 
.cycle-slideshow a img:first-child
{position: static; 
z-index: 100;}
 
.cycle-pager 
{text-align: center;
width: 100%;
z-index: 500;
position: absolute;
bottom: 2px;
overflow: hidden;}
 
.cycle-pager span
{font-family: arial;
font-size: 50px;
width: 21px;
height: 16px; 
display: inline-block;
color: #ddd;
cursor: pointer; }
 
.cycle-pager span.cycle-pager-active 
{ color: #17306F;}
 
.cycle-pager > * 
{ cursor: pointer;}
 
/*슬라이드 끝*/
 
 
</div>
</div>
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
yongsdotcom 파도 이미지글 출력 위젯 모바일 섬네일 오류 file  
mediaq**** 댓글 이미지 첨부 처리 [1] 2020.06.15 by 제이와이엔소프트
AimJin 원하는 페이지만 ip주소를 입력해서 접속 가능하도록 설정 가능할까요? [4] 2020.06.15 by AimJin
yongsdotcom sweet mobile 사이드 메뉴 오류(안눌림) file  
막창ㅏㅏㅏㅏ Parse error: syntax error, unexpected T_ENCAPSED_AND_WHITESPACE [2] file 2020.06.09 by akasima
강성훈 안드로이드로 접속하여 글 등록시 페이지나가기창이 뜹니다.. [1] 2020.06.09 by sejin7940
꽃사숨 이메일부분 셀렉트박스로 변경할려는데 너무 어렵네요 고수님의 조언부탁드립니다. [1] file 2020.06.01 by sejin7940
Gambo ​​​​​​​PHP V7.1 에서 V7.2 로 변경후 저장시 화면 리턴 문제 [3] 2020.05.31 by sejin7940
도단파파 플래너 게시판에 확장변수 출력 [1] 2020.05.29 by sejin7940
수진 swiper 슬라이드를 사용중인데 고수님들 도와주세요ㅠ [1] 2020.05.29 by sejin7940
잔달 파일 첨부해야만 글 등록이 되요 [1] 2020.05.29 by sejin7940
재순 포탈EVER_포인트 랭킹 위젯 관련 질문입니다 [1] 2020.05.29 by sejin7940
윤안젤로 컨테츠 위젯 박스이동이 안됩니다. [2] file 2020.05.18 by 윤안젤로
당나귀 [세로 메뉴]를 [가로 메뉴]로 변경하는 방법을 알고 싶습니다. [2] file 2020.05.17 by YJSoft
누리 ./common/tpl/layout.html' template file does not exists. [3] 2020.05.15 by 누리
Regnum swiper zoom, slide 버그에 대해 문의드립니다. [1] file 2020.05.15 by sejin7940
J__ 누리고 이니시스 계약시 문의드립니다. [1] 2020.05.14 by 전갈자리남
쪼이미 게시판 수정중 따옴표 저장하면 역슬래시 생성문제 [2] file 2020.05.11 by 쪼이미
오소리 관리자에서 '게시판, 페이지 모듈'에 들어가면 에러가뜹니다. [2] 2020.05.10 by 오소리
오소리 XE에 로그인 하려고 하면 다음 에러가 뜹니다. [2] 2020.05.10 by 오소리
ys**** 리디렉션 질문입니다 [2] 2020.05.10 by ehii
koreaseongpil windows 2016 server iis 대표 도메인 문제 [1] 2020.05.10 by ehii
마르쿠스 게시판에서 사진파일 업로드가 안됩니다. [1] file 2020.05.09 by sejin7940
정이니의 클플 비즈니스 모드 디도스 설정 관련  
실천예술가두눈 소셜XE 모듈 카카오 및 구글 로그인 문의 [2] 2020.05.08 by 키즈
실천예술가두눈 티티보드를 구누보드로 변환하는 방법  
인천한량 회원가입폼 래이아웃 사이즈가 이상 합니다 [14] file 2020.05.08 by 인천한량
쿠쿠 마켓플레이스 물품 등록 후 섬네일이 보이지 않아 코드 찾아보니 아래 빨간색부분인데, [4] file 2020.05.08 by sejin7940
darkduck 게시판 에디터에 이미지 copy&paste 가능한 게시판? [3] 2020.05.07 by J.LAB
스릉스릉 서버이전완료 후 도메인 연결 문제 (도와주시면 사례할게요) [1] 2020.05.06 by koreaseongpil
태그 쓰기