묻고답하기

  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 남기남
hyosik 자동 글, 회원가입 봇 방지하는 방법  
초록고양이 관리자 메일 받을 때 메일 이름표시,사용자정의 표시 [1] 2020.05.04 by DoorWeb
초록고양이 비회원 파일 업로드시 절대경로로 저장 방법 [4] 2020.05.02 by 초록고양이
인천한량 예전 도메인의 흔적을 지우고 싶습니다 [6] 2020.05.02 by 인천한량
초록고양이 관리자 메일 받을때 제목 변경 [2] 2020.05.02 by 초록고양이
goga**** 메인화면에서 위젯 가로 사이즈를 반응형으로 조절하게 하고 싶습니다. [1] file 2020.05.01 by DoorWeb
nb00040 XEDITION SUB 서브 상단 이미지 가운데 정렬 [1] 2020.05.01 by DoorWeb
현종이닷 에디터 확장컴포넌트와 html 편집기 위치가 이상해졌습니다. [2] file 2020.04.29 by 현종이닷
12123333 document.controller.php 에서 Remove iframe and script 권한 수정 문의 [1] 2020.04.29 by sejin7940
기억속으로 소스코드 어디서 삭제할수있을까요? [5] file 2020.04.28 by sejin7940
humor**** 스케치북 게시판 글쓰기 버튼 게시판 상단에도 위치시킬 수 없나요? [2] file 2020.04.26 by humor****
뱅기 메인페이지 최근게시물에서 추천게시물의 링크로 바로 클릭 할 수 있게.. [2] 2020.04.26 by 뱅기
비밀얌 확장변수 URL 형식 수정 방법 좀 알려주세요 [3] 2020.04.24 by nb00040
시온의영광 목록에서 확장변수를 이미지로 대체하고 파일다운로드가 가능하게 하려면.... [3] 2020.04.24 by nb00040
강원 스케치북 게시판 웹진형에서 본문 요약글 줄바꿈 적용에 관해... [2] 2020.04.24 by nb00040
humor**** 스케치북 게시판에서 리스트에 비추천 표시가 안 됩니다. [4] file 2020.04.23 by humor****
지나가는학생 XE3 error500 처리방법이있나요? [1] 2020.04.22 by sejin7940
openurm**** 관리자 로그인에 대해 다시한번 질문드립니다(해결함).  
humor**** Elkha-Gray Steyle 스킨 2단 레이아웃 만드는법을 모르겠네요? [3] file 2020.04.20 by DoorWeb
곰탱이 상세페이지 html 수정 [2] 2020.04.20 by :DunhillBoy
매니저 설치시 www.도메인/xe 에서요... [1] 2020.04.20 by DoorWeb
koreaseongpil 로그인 로딩 시간 지연 [1] 2020.04.20 by DoorWeb
blue 스크롤 따라다니는 링크?? [1] 2020.04.20 by DoorWeb
잠수부 Door_cpA_limit 레이아웃 sub 페이지 [1] file 2020.04.20 by DoorWeb
EveR "이메일 주소로 계정 찾기"와 "질문/답변으로 계정 찾기" 이슈  
openurm**** 관리자 로그인이 안됩니다. [1] file 2020.04.19 by openurm****
openurm**** XE를 FTP에서 깔끔하게 지우는 방법 알려주세요 [6] 2020.04.19 by openurm****
naru XE다국어 관련 문의 [1] 2020.04.19 by sejin7940
하늘가지 메인화면 수정방법 문의합니다. [1] 2020.04.17 by sejin7940
인천한량 모바일 쪽지 보내기 에러관련 도움 부탁 드립니다 [3] 2020.04.16 by 인천한량
태그 쓰기