2019 Nam Insik Portfolio site ː Designed by werty.co.kr ː nis@werty.co.kr
 
 
 
 
 
 
 
 
jQuery – 간단한 랜덤 배너 이미지노출

이미지와 링크, alt가 랜덤하게 노출되는 간단한 배너를 만들어보자.

일단 방금 만들었던 소스를 예제로 아래에 넣어보았다.

 images[0]~images[2]에는 이미지 경로를 입력한다.

bannerlink[0]~bannerlink[2]에는 이미지에 맞춰 클릭시 이동시킬 url을 넣는다.

bannerTitle[0]~bannerTitle[2]에는 앵커에 대한 타이틀을 넣어준다.

bannerAlt[0]~bannerAlt[2]에는 alt에 넣을 텍스트를 입력한다.

위에는 예시로 총 3개의 배너를 정의한 것인데 추가하려면  images[2] 밑에  같은 형식으로 images[3] 으로 추가한다.

물론 bannerlink, bannerTitle, bannerAlt 들도 따라서 추가해야한다.

위 스크립트는 #top-ad2라는 id를 가진 div안의 이미지와 앵커를 변경하는 것이다.

html 페이지에서는 아래 코드를 노출할 body안에 넣는다.

 앵커안에는 스크립트로 이미지가 노출시키기 전에 기본적으로 보여질 이미지와 앵커다. 기본적으로 보여주지 않으려면 아래처럼 값을 빼면 된다.

 

nam insik

이메일 : nis@naminsik.com

.