본문 바로가기

꿈(개발)

jquery 동적 이미지 변경 방법

<script type="text/JavaScript">

<!--

jQuery("#top").css('background-image',"url(/image/logo2.png)");

-->

</script>


#top의 css는 아래와 같다.

#top{ width:900px; height:90px; margin:auto; background-image:url(../image/logo.png); background-repeat:no-repeat; background-position:bottom left; border-bottom:#38b7ec 2px solid;}


위와 같이 처리하면 동적으로 상황에 따라 백그라운드 이미지를 수정 할 수 있다.

예를 들어 회원에 따라 로고가 다를게 보여야 할 경우!

유용하게 사용 하시길...