같은위치에 다른 이미지가 출력되고 있습니다.


이건 원래 구걸이미지라고 해서 추천구걸용으로 쓰려고 만든건대.........제 블로그특성상 로딩이 길어서 쓰기가 너무 안좋더군요 ㅜㅡ
더불어 광고붙일 위치를 찾다가 도저이 안되서 저위치에 광고를 ㅜㅡ

여튼 그래서 혹시나 쓰실분 있으면 쓰시라고 올립니다..


1. 이미지 준비



제가 쓰던 이미지는 이 두개 입니다. 원하시면 자유롭게 가저다 쓰세요 ㅎㅎㅎ
이름은 통일하고 뒤에 숫자만 붙여주면됩니다.

저는
footer0.jpg
footer1.jpg
이렇게 지었습니다 ㅎㅎㅎㅎ


2. 코드 넣기

HTML/CSS편집으로 들어가
아래코드를
 <script type="text/javascript" language="javascript">
<!-- 추천 구걸 코드 -->
var intNum = 1;
function FooterImgSrc()
{
 return './images/footer' + Math.floor(Math.random() * 2) + '.jpg';
}
<!-- 여기까지 - 추천 구걸 코드 -->


이 코드를 <head></head>사이에 넣고 다음코드를 이미지를 출력할 위치에 넣습니다.


 
<!-- 추천 구걸 -->
<div id="FooterImg"></div>
<img id="imgFooterImg" width=340 >
<script type="text/javascript">
//객체 받아오기
var imgMe = document.getElementById('imgFooterImg');
//객체의 고유아이드를 만들어 설정하기
imgMe.setAttribute("id", "imgFooterImg" + MissFlash_Div_Num);
imgMe.src = FooterImgSrc();
</script>

참 쉽조잉?

2. 응용

이미지 갯수가 많아지면
 return './images/footer' + Math.floor(Math.random() * 2) + '.jpg';


저기있는 숫자를 올리시면 됩니다.

몇개든 상관없습니다만.......이미지가 없으면 다운로드 받고 그래도 없으면 액박이 나옵니다 숫자에 주의하세요 ㅎㅎㅎ

댓글 작성

이름
패스워드
홈페이지
비밀글

티스토리 툴바