묻고답하기

  2. Support
  3. 묻고답하기

이렇게 하는 코드 알려주실분 계신가요?

2014.03.28 22:47

2donggalbi

HTML 태그로 img를 불러와서 화면에 표시하려 하는데요,

가로 길이가 700px  세로길이가 500px 인 div 안에 img를 넣을때,

1. img의 가로길이가 900px 세로길이가 400px이면 가로길이가 200px을 넘어간 만큼 일정한 비율로 이미지를 축소하여 div의 중앙에 표시하고,

2. img의 가로길이가 500px 세로길이가 700px이면 세로길이가 300px을 넘어간 만큼 일정한 비율로 이미지를 축소하여 div의 중앙에 표시하고

3. img의 가로길이가 400px 세로길이가 400px로 div보다 작을경우엔, 작은 것 그대로 div의 중앙에 표시합니다.

이렇게 표시하는걸 HTML, CSS, JS 등을 이용해 구현하는 방법을 문의드립니다.
이 게시물을
Profile
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
믹키마웃소나개나 파일 관리만 이상하게 나옵니다 도와주세요 [2] file 2014.03.29 by 믹키마웃소나개나
휘빈a 위젯 설치햇는대 왜 게시판 글이 안떠잇을까요? [3] file 2014.03.29 by KrteamENT
에미기 스케치북 스킨 추천후 다운가능하게 하기 [8] 2014.03.29 by KrteamENT
오병이어2 NAVER Analytics 쓰면 느려지나요? [10] 2020.03.14 by LI-NA
nicerunner 추천을 해야지만 파일을 다운로드할수있게 하기 [6] 2014.03.29 by 에미기
2donggalbi 이렇게 하는 코드 알려주실분 계신가요? [1] 2014.03.29 by LI-NA
그레용팝 통합검색 레이아웃 [1] 2014.03.29 by LI-NA
업글 XE 심볼의 일러스트나 큰 해상도의 이미지를 얻을 수 있을까요? [1] 2014.03.29 by LI-NA
moonsoo Twitter Bootstrap Buttons 애드온과 Font Awesome 로드 애드온 [1] file 2014.03.29 by LI-NA
ohsh DB가 뭔가요? [3] 2014.03.29 by 홀인원1
티지로 운영중인 사이트를 XE순정 + 게시글은 그대로가 가능할까요? [9] 2014.03.29 by 상자님
qwms 서버가 갑자기 내려가면 DB가 날라가는 경우도 있나요? [6] 2014.03.29 by qwms
dumbfo 닉네임 정렬 [1] 2014.03.29 by prologos
moonsoo 메뉴에 새글 표시 모듈 사용중인데요. [1] 2014.03.29 by 퍼니엑스이
hotzzl 티스토리에... [1] 2014.03.28 by KrteamENT
cnc미라클 도와주세요 ㅡㅡㅡ [1] 2014.03.28 by KrteamENT
bonui 로그인한 상태에서 비회원처럼 닉네임을 직접 입력 할 수 있게 하고 싶어요. [1] 2014.03.28 by KrteamENT
좋은나리요 회원들의 권한이 우수회원이 준회원으로 바뀌어버림...도와주세요 [1] 2014.03.28 by KrteamENT
루팡쿠팡 스케치북 5 댓글창 오류 문제 [4] 2014.03.28 by 비니비니13
hanin 게시판에 글을 쓰면 공백이 물음표로 표시.... ㅠ.ㅠ [1] 2014.03.28 by prologos
루팡쿠팡 회원 닉네임 클릭시 회원정보 변경이 관리자만 안됩니다.. [1] 2014.03.28 by 루팡쿠팡
도메인8295 배너 넣는법좀 알려주십시오;; [3] 2014.03.28 by 도메인8295
대범 XE 게시판 댓글및 글 작성시 안올라 갑니당~제발쫌 도와주새욤 ㅠ,ㅠ;;; [1] 2014.03.28 by 대범
레몬바나나 모듈 이름이 자꾸 존재한다고 나와요 [3] 2014.03.28 by KrteamENT
똘짜빤sadfja xe로 운영되는 사이트를 접속하려고 하는데 ㅜㅜ [3] 2014.03.28 by scala
꿀댕이 [묻기] CAFE Main Page이동 Fontsize [1] file 2014.03.28 by scala
컴박살 [한번더]sketchbook5_youtube 쓰고 있고 모바일에서 섬네일이 나오지 않아요 file  
minimoog Contact Us를 위젯방식으로  
cnc미라클 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ제발좀 [2] 2014.03.28 by cnc미라클
본체 xe알림센터 작동이 안됩니다.  
태그 쓰기