[스크랩] ★~이미지 슬라이더 만들기..!!

둘리❤️ 2007. 11. 16. 21:54

◈이미지 슬라이더 만들기◈

이미지 슬라이드 제작법은 그렇게 어렵지 않습니다..

<marquee>와 </marquee>사이에 이미지태그를 써주는 방법입니다.

움직이는 방향은 direction을 조정해주면 됩니다.

만약 이미지 크기가 다르면 이미지 확장자 뒤에

<img src="http://jangb.haman.go.kr/images/30-1.jpg" 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>

출처 : ★~이미지 슬라이더 만들기..!!

글쓴이 : 널love해 원글보기

메모 :