묻고답하기

  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건인 경우 오류 [7] 2019.06.04 by 제이와이엔소프트
죽방망이 웹뷰에서gfycat 영상이 안나오면 어떻게해야되나요 [1] 2019.06.04 by SimpleCode
준이 홈페이지 대표 썸네일은 어디서 바꿀수 있나요. [3] 2019.06.03 by 준이
준우 기본설치시부터 테마가 적용되어 나오지 않습니다. [1] file 2019.06.03 by LYG
jhc****06a74 고수분들께...혹시 랜덤으로 문제들이 나오게금 가능할까요? [1] 2019.06.03 by LYG
킹왕짱풉키 HTML을 건들수 없는 상황에서 CSS 디자인을 다르게 적용할 수 있을까요? [2] 2019.06.03 by LYG
기가 서브메뉴를 모르고 삭제했는데 복구하는 방법이 있나요 고수님 가르쳐 주세요 [1] 2019.06.02 by sejin7940
아데나 스케치북 특정그룹 사용자 확장변수 제거하기 file  
아데나 게시판의 분류탭마다 사용자정의를 다르게 할수있나요? [2] 2019.05.31 by 아데나
아데나 게시판 위젯을 수정하고싶은데... [2] 2019.05.31 by 아데나
꿈틀잉 확장변수(사용자정의) 날짜피커 질문드립니다. [4] file 2019.05.31 by 아데나
아데나 고수님들 부탁드려용 ㅠ 사용자정의 항목 디폴트값..  
미라클캣 코어업데이트 [5] 2019.05.30 by 미라클캣
Enki 위지위그 이미지 크기 조정방법 [1] 2019.05.30 by 제이와이엔소프트
hatali 멀티도메인 적용을 위한 선택은? xe와 라이믹스 [2] 2019.05.29 by hatali
아데나 게시판의 사용자정의 부분에 대한 문제 [1] 2019.05.29 by 아데나
인천한량 xe 복구도중 에러코드 설명좀 부탁 드립니다 [2] file 2019.05.29 by 인천한량
처음부터끝까지 php 페이지를 포함시키려고 하는대 플러그인은 없나요? [2] 2019.05.29 by 제이와이엔소프트
아데나 mysql의 rollup명령어 구분 [1] 2019.05.29 by 아데나
카카마 Kim Tajo님 xedition / 메인1 섹션 이미지 업데이트 방법 좀??  
Enki 댓글창이랑 댓글리스트 바꾸는 방법 [2] 2019.05.28 by Enki
Enki 추천버튼 비추천버튼 간격 띄우는법  
커피넉잔 core에 연결된 CDN 해제하는 방법을 모르겠습니다. [2] file 2019.05.28 by 커피넉잔
에그 관리자로 로그인하면 접속오류가 뜹니다.  
삐리삐리뽕 게시판 댓글 내용 [3] 2019.05.28 by 제이와이엔소프트
Enki 스케치북5 댓글 창 숨었다 내려가지는거 없애는법 file  
Enki rest부트스트랩이랑 simple스트랩 충돌문제인데  
개박사 사용 용도가 특이해서 문의 드립니다. [2] 2019.05.27 by 개박사
구름한점 특정 크롤링 봇과 일반사용자에게 각각 다른 화면을 보여줄 수 있을까요?  
태그 쓰기