묻고답하기

  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 남기남
WhiteRose 게시판, 메뉴 이동 불가 [4] 2019.12.13 by WhiteRose
천산 도와 주세요...급합니다. [2] 2019.12.12 by 천산
알재주 외부페이지 열리지 않는 현상  
천산 이미지 표출이 안되는 문제 [5] file 2019.12.11 by 천산
rail_man 네이버 검색시 "게시글 제목 - 사이트 타이틀" 이런 식을.....  
천산 실수로 관리자 로그인이 안됩니다. [3] 2019.12.11 by 천산
jamjam 서버 호스팅 추천 받습니다. [3] 2019.12.10 by 호리미
railman 웹마스터도구(SEO 검색노출) 수정 및 보완... 사례하겠습니다. file  
자바컴 누리고 장바구니 모듈 결제폼 추가시 에러 file  
Alces 스케치북5, XEDITION 사용중입니다. 아이피 질문  
용감한늑대 관리자 페이지 들어가는 방법좀 .. ㅠㅠ [2] 2019.12.07 by 용감한늑대
sot 배경 부분 컬러 변경을 하고 싶은데 초보라서 어디에 있는지 찾기가 힘드네요 [2] file 2019.12.06 by sot
하늘보리 모바일에서 댓글이 옆으로 쏠리는 현상 file  
판다렌 인증메일 발송 문제 질문합니다 [2] 2019.12.05 by 판다렌
eznz**** 설치 문의 [3] file 2019.12.05 by YJSoft
규블라 게시판에 게시글을 눌렀는데 [1] file 2019.12.05 by sejin7940
소수의힘 게시글 목록에 댓글 내용을 표시하는 방법  
일과여행 보안을 강화할 수 있는 방법이 뭐가 있을까요?  
eznz**** 1.11.5를 설치해도 마찬가지네요 file  
kew1o XpressEngine ver. 1.11.6 업데이트문의 [2] 2019.12.04 by kew1o
hcy**** 모듈게시판 다운로드 [1] file 2019.12.03 by sejin7940
나답게 Planner123 위젯에서 특정 카테고리만 출력 가능할까요? [3] 2019.12.03 by 늘푸른나무2
벨라여왕 제발문제해결좀도와주세요 [2] 2019.12.04 by hcy****
railman SEO 최적화에서 게시물 제목과 게시판 제목 위치 변경  
railman SSL(https) 항상 사용 시 하단에 메세지가 노출되고 있습니다 [2] file 2019.12.02 by railman
정글범 vultr 가상서버 xe 구축  
railman https 에서 SSL 사용에 관한 문의입니다. [2] file 2019.12.01 by railman
피닉스 xe2 다운로드 [1] 2019.11.30 by sejin7940
eznz**** xe 1.11.6 + mssql2008 + php 7.2.11 사이트 생성 이슈 [2] 2019.11.29 by eznz****
KIMPARKLEE 관리자 로그인 문제 도와주세요 [1] file 2019.11.28 by sejin7940
태그 쓰기