묻고답하기

제가 자바스크립트를 잘 몰라서 html/css로만 웹을 만들고 있는데요 슬라이드는 만들었는데 안에 이미지를 넣고 싶습니다 근데 이미지를 넣으면 슬라이드 작동을 안해서 어떻게 해야할지 모르겠습니다

  • <!DOCTYPE html>
  • <html lang="en">
  • <head>
  • <meta charset="UTF-8">
  • <title>Document</title>
  • </head>
  • <body>
  • <style>
  • *{margin:0;padding:0;}
  • ul,li{list-style:none;}
  • #slide{height:300px;position:relative;overflow:hidden;}
  • #slide ul{width:400%;height:100%;transition:1s;}
  • #slide ul:after{content:"";display:block;clear:both;}
  • #slide li{float:left;width:25%;height:100%;}
  • #slide li:nth-child(1){background:#faa;}
  • #slide li:nth-child(2){background:#ffa;}
  • #slide li:nth-child(3){background:#faF;}
  • #slide li:nth-child(4){background:#aaf;}
  • #slide input{display:none;}
  • #slide label{display:inline-block;vertical-align:middle;width:10px;height:10px;border:2px solid #666;background:#fff;transition:0.3s;border-radius:50%;cursor:pointer;}
  • #slide .pos{text-align:center;position:absolute;bottom:10px;left:0;width:100%;text-align:center;}
  • #pos1:checked~ul{margin-left:0%;}
  • #pos2:checked~ul{margin-left:-100%;}
  • #pos3:checked~ul{margin-left:-200%;}
  • #pos4:checked~ul{margin-left:-300%;}
  • #pos1:checked~.pos>label:nth-child(1){background:#666;}
  • #pos2:checked~.pos>label:nth-child(2){background:#666;}
  • #pos3:checked~.pos>label:nth-child(3){background:#666;}
  • #pos4:checked~.pos>label:nth-child(4){background:#666;}
  • </style>
  • <div id="slide">
  • <input type="radio" name="pos" id="pos1" checked>
  • <input type="radio" name="pos" id="pos2">
  • <input type="radio" name="pos" id="pos3">
  • <input type="radio" name="pos" id="pos4">
  • <ul>
  • <li></li>
  • <li></li>
  • <li></li>
  • <li></li>
  • </ul>
  • <p class="pos">
  • <label for="pos1"></label>
  • <label for="pos2"></label>
  • <label for="pos3"></label>
  • <label for="pos4"></label>
  • </p>
  • </div>
  • </body>
  • </html>
태그 연관 글
  1. [2017/03/02] 묻고답하기 게시판리스트 분류이동버튼 문의드립니다 by 외도랑 *2
  2. [2017/01/23] 묻고답하기 DB Table 생성을 해야 설치가 완료됩니다. by 다함께
  3. [2016/12/21] 묻고답하기 고수님들 제발 도와주세요. 창크기에 따라서 위젯 위치가 자꾸 변합니다 by 립샤 *1
  4. [2016/08/02] 묻고답하기 검색부분을 가운데로 하고싶은데요 어떻게 하는 건가요? by 94blossom *1
  5. [2016/06/10] 묻고답하기 footer 고정 by 흑사탕 *8
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 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 인천한량
BJPlane 검색 기능 [1] file 2020.04.15 by sejin7940
필아찌 [요청]첨부파일 다운로드 시 공익사이트 보여준 후 파일 다운로드하기 [2] file 2020.04.14 by 필아찌
einbb xe설치중 오류가 납니다ㅜㅜ [1] 2020.04.14 by sejin7940
매직세븐 관리자 그룹으로 설정한 계정만 로그인이 안됩니다 [1] 2020.04.14 by sejin7940