이미지 슬라이더 만들기

 

◈이미지 슬라이더 만들기◈ 이미지 슬라이드 제작법은 그렇게 어렵지 않습니다.. <marquee>와 </marquee>사이에 이미지태그를 써주는 방법입니다. 움직이는 방향은 direction을 조정해주면 됩니다. 만약 이미지 크기가 다르면 이미지 확장자 뒤에 <img src="http://jangb.haman.go.kr/images/30-1.jpg" &nbsp;width="가로크기" height=세로크기">를 지정해 주세요!! 이미지 크기를 똑같이 만들어 주세요!! 이미지의 갯수는 필요한만큼 선택하세요 전 7개를 가지고 했습니다.. ▶아래 소스는 이미지가 옆으로 지나가게 하는 방법입니다!! <marquee scrollamount=4 width=600 height=220> <img src=http://jangb.haman.go.kr/images/30-1.jpg width=300 height=200> <img src=http://jangb.haman.go.kr/images/30-2.jpg width=300 height=200> <img src=http://jangb.haman.go.kr/images/30-3.jpg width=300 height=200> <img src=http://jangb.haman.go.kr/images/30-4.jpg width=300 height=200> <img src=http://jangb.haman.go.kr/images/30-5.jpg width=300 height=200> <img src=http://jangb.haman.go.kr/images/30-6.jpg width=300 height=200> <img src=http://jangb.haman.go.kr/images/30-7.jpg width=300 height=200> </marquee> ▶아래 소스는 이미지가 위로 올라가게 하는 방법입니다!! <marquee direction=up scrollamount=4 width=600 height=220> <img src=http://jangb.haman.go.kr/images/30-1.jpg width=300 height=200> <img src=http://jangb.haman.go.kr/images/30-2.jpg width=300 height=200> <img src=http://jangb.haman.go.kr/images/30-3.jpg width=300 height=200> <img src=http://jangb.haman.go.kr/images/30-4.jpg width=300 height=200> <img src=http://jangb.haman.go.kr/images/30-5.jpg width=300 height=200> <img src=http://jangb.haman.go.kr/images/30-6.jpg width=300 height=200> <img src=http://jangb.haman.go.kr/images/30-7.jpg width=300 height=200> </marquee>