2

이렇게 구현하는 방법좀 알려주실분 ㅠ

· 2014-03-28 (금) 22:44:32 · 3219
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 등을 이용해 구현하는 방법을 문의드립니다.
|
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
16-06-03 조회 2,908
15-07-30 조회 3,347
15-06-08 조회 5,508
15-05-27 조회 4,356
15-01-08 조회 6,637
14-12-30 조회 5,363
14-10-10 조회 5,344
14-08-13 조회 6,281
14-08-11 조회 5,123
14-08-06 조회 6,456
14-03-19 조회 7,370
13-04-26 조회 9,534
12-12-15 조회 5,069
12-12-15 조회 7,302
12-12-11 조회 5,418
12-11-21 조회 5,918
12-10-11 조회 5,022
12-10-03 조회 4,717
12-09-20 조회 6,038
12-09-02 조회 4,185
12-08-29 조회 5,161
12-08-29 조회 4,064
12-08-24 조회 4,170
12-08-18 조회 4,402
12-08-17 조회 4,442
12-08-16 조회 3,686
12-08-06 조회 5,470
12-08-05 조회 4,762
12-08-03 조회 4,482
12-08-03 조회 4,628
12-07-29 조회 3,465
12-07-24 조회 4,054
12-07-22 조회 3,545
12-07-20 조회 4,254
12-07-19 조회 4,640
12-07-19 조회 3,877
12-07-19 조회 3,824
12-07-19 조회 5,496
12-07-19 조회 3,438
12-07-18 조회 5,114
12-07-15 조회 4,051
12-07-14 조회 3,750
12-07-12 조회 4,448
12-07-11 조회 3,721
12-07-11 조회 3,436
12-07-11 조회 3,397
12-07-10 조회 4,576
12-07-09 조회 3,314
12-07-09 조회 4,163
12-07-09 조회 4,567
12-07-08 조회 4,485
12-07-07 조회 5,418
12-07-06 조회 4,689
12-07-06 조회 3,955
12-07-06 조회 3,832
12-07-06 조회 3,723
12-07-02 조회 5,433
12-07-02 조회 4,132
12-06-29 조회 3,652
12-06-28 조회 4,271
12-06-26 조회 3,768
12-06-26 조회 4,882
12-06-21 조회 3,858
12-06-20 조회 4,551
12-06-20 조회 4,176
12-06-15 조회 4,530
12-06-15 조회 4,288
12-06-13 조회 7,295
12-06-05 조회 7,276
12-06-04 조회 3,863
12-06-03 조회 3,710
12-05-31 조회 3,717
12-05-28 조회 6,545
12-05-27 조회 3,793
12-05-25 조회 3,935
12-05-23 조회 4,323
12-05-21 조회 5,047
12-05-17 조회 3,998
12-05-17 조회 3,914
12-05-09 조회 3,975
12-05-07 조회 4,223
12-05-02 조회 4,442
12-05-01 조회 4,601
12-04-30 조회 3,348
12-04-30 조회 4,298
12-04-25 조회 4,373
12-04-25 조회 4,807
12-04-24 조회 3,776
12-04-24 조회 4,533
12-04-23 조회 3,549
12-04-20 조회 3,181
12-04-17 조회 5,376
12-04-16 조회 4,306
12-04-14 조회 3,599
12-04-14 조회 3,634
12-04-14 조회 3,684
12-04-13 조회 3,304
12-04-13 조회 4,489
12-04-13 조회 6,109
12-04-12 조회 3,276