본문 바로가기

CSS갤러리 (1)

[jQuery] 간단한 이미지 갤러리 단순한 이미지 갤러리를 만드는 방법입니다. 1. 태그 안에 제이쿼리를 불러옵니다. 2. HTML 3. CSS * { margin: 0; padding: 0; } .gallery { width: 100%; max-width: 600px; margin: 0 auto; } .thumb { width: 100%; margin-bottom: 3px; list-style: none; overflow: hidden; } .thumb li { width: 25%; float: left; text-align: center; } .thumb li img { width: 98%; } .main { width: 100%; text-align: center; } .main img { width: 99.5%; } 4. jQuery