묻고답하기

  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 남기남
음메 페이지 비공개 [1] 2019.04.10 by SimpleCode
이와이 특정 페이지의 영문으로 바로 가는 링크 [1] 2019.04.10 by sejin7940
쪼리짱 게시판 첨부파일 업로드시 100% 이후 파일 업로드가 안됩니다. [2] file 2019.04.10 by SimpleCode
chorok PlannerXE123 업데이트 후 오류 file  
그랜트 1.5 업데이트 이후 plannerXE123 일정 표시안됨 [1] 2019.04.11 by chorok
베니 <body> 수정하는 방법 문의드립니다. [2] 2019.04.11 by 베니
jin08 seo모듈 설치문의 [1] 2019.04.11 by sejin7940
kminict 호스팅 없이 개인서버로 설치가 가능한가요? [2] 2019.04.12 by kminict
rail_man files 권한이 755로 되어 있습니다. [1] 2019.04.12 by SimpleCode
두발잔차 관리자에서 코어 업데이트 및 각 설정이 저장 안됩니다. [2] 2019.04.12 by 두발잔차
흑묘백묘 이미지프로세스 자료실 페이지 캡쳐해서 좀 올려주세요^^ [2] file 2019.04.12 by 흑묘백묘
초보개 sql 쿼리 질문  
홈런볼11 특정 회원에게 회원 관리 위임 [1] 2019.04.15 by SimpleCode
rail_man 게시판에서 "이게사물을" 삭제하고자 합니다. [2] file 2019.04.15 by rail_man
동혀니 AJAX 에러 file  
에스엠과호돌 Fatal error: Call to a member function getNextPage() on a non-object in 에러... [1] 2019.04.16 by SimpleCode
예진JEvans 제발 부탁드립니다. contact us 이메일 주소값 오류가 왜 나는지 모르겠습니다 [3] 2019.04.16 by framei
PAIN 포인트랭킹 위젯  
서리 때려 죽여도 특정 모듈에서 모바일 레이아웃이 적용이 안됩니다. OTL  
kminict 게시판 첨부파일 업로드 경로 질문 [4] 2019.04.18 by kminict
서리 글보기, 답글에서 게시물 변수를 각기 다르게 불러오는 오류?  
KanTa 누리고 EPAY 모듈정보 설정 질문 드립니다. [1] file 2019.04.19 by 이온디
아이고아낙네요 사이트 메뉴 사라짐 ㅠ,ㅠ [1] file 2019.04.19 by AimJin
kminict 게시판 파일 업로드 실패 [3] 2019.04.19 by Happiness
WhiteRose SOS.. Fatal error object/Object.class.php 관련 [2] 2019.04.20 by WhiteRose
차이나로 메인 메뉴 클릭시 메인화면으로만 이동합니다. [5] 2019.04.21 by 디자인클립
익명89 1.11.5 업데이트 문제...? [3] file 2019.04.22 by 익명89
kminict 다국어로 설정된 리스트 삭제 방법 [2] file 2019.04.23 by kminict
별빛 파일업로드 크기 25MB 이상 올리는 방법을 알고 싶습니다. [4] 2019.04.23 by 별빛
paraduxx 특정 게시물을 특정 회원만 확인 하게 하는 방법이 있을까요 ? [1] 2019.04.23 by paraduxx
태그 쓰기