이미지 갤러리 만들기
이미지 갤러리 틀 만들기
Part 1. 갤러리 틀 만들기
- JSON으로 갤러리에 표시될 이미지 리스트 가져오기
- 파트 14. Networking 강의 참고
- 배열에서 개별 이미지에 접근
- 파트 6. 배열, 파트 9. 반복문 참고
- 갤러리에 Image 추가
- 파트 12. DOM + JS 강의 참고
style.css
body{
overflow: hidden;
}
.image{
position:relative;
float: left;
height: 200px;
width:300px;
margin : 2px;
border: 1px solid white;
z-index:0;
}
.image-selected{
border: 1px solid black;
background-color:white;
}
.image-selected > img{
opacity: 0.5;
}
.image > img{
height:100%;
}
.image-magnified{
z-index:1;
}
.image-magnified > img{
height:400px;
width:600px;
margin-left:-150px;
margin-top:-100px;
opacity:0.95;
}
-
강의 자료를 얻고 싶습니다.
-
2019.4.7 22:47
0
-
img.src
-
2018.10.25 18:51
0
-
잘 안되네요...
-
2018.8.19 19:16
0
-
ajax req 보내는것이 안되니 아무것도할수가없네요 ....
-
2018.7.5 10:34
2
-
강의보다가 헷갈린게있어서 질문드립니다.
김민석
2017.10.6 15:54
1
-
어디가 잘못인지 잘 모르겠습니다.
-
2016.8.2 14:39
1