TIL ( Today I Learn ! )/FrontEnd (2) 썸네일형 리스트형 html image 넣는 법(이미지가 여러 개로 겹쳐보이는 이유) 방법1. image tag를 사용한다. // alt: 사진이 깨진 경우, 마우스를 올리면 나타날 대체어 // 이때 css로 background: url("사진 링크");을 주면 사진이 2겹이 되어버린다. // img tag를 썼다면 background 속성은 사용 X 방법2. background-image css를 사용한다. - html // li나 a tag 등 사진을 넣을 tag를 준비 // a tag를 사용하면 사진을 눌렀을 경우 herf에 지정한 링크로 이동되는 버튼으로 활용 가능 - css /* background-image: 이미지 링크 background-repeat: 이미지의 반복 여부, no-repeat을 해야 width, height 조정했을 때 그림이 여럿 등장하지 않는다. backg.. a tag에 default cilck(강제로 클릭) 이벤트 넣기 HTML의 a tag를 이미 클릭한 상태로 만드는 방법 HTML js(jquery) // html이 켜질 때 작동하는 함수 $(document).ready(function(){ // a tag가 눌렸을 경우 실행할 함수 $(".default_a").click(function(e){ e.preventDefault(); // a tag가 눌려서 지정된 herf 위치로 넘어가는 작동을 막음 // 작동시킬 내용 넣기 }); // a tag를 default로 클릭시키는 함수, 클릭 시 작동될 함수(위에 것) 선언 뒤에 넣어야 함 $(".default_a").trigger() )}; 이전 1 다음