2012-04-27 6 views
0

배경 이미지 (코드 : background-image: url("folderimage.jpg");)를 사용하는 CSS 스타일이 있습니다. jQuery/CSS를 사용하여 여러 CSS 배경 이미지간에 순환하는 방법이 있습니까? (예를 들어주십시오).CSS - 배경 이미지 회전

+0

* 아무 것도 * 시도해 보셨나요? – Blender

+0

회전하면 무슨 뜻입니까? 일정 기간 동안 변경 하시겠습니까? –

+0

@sushilbharwani - 예. 나는 이미지 1-5를 사용하고 나서 회전시킨다. – L84

답변

2

뭔가 이런 종류의 코드를 테스트 havent 작동하지만 5 개의 이미지 배열을 시간 초과시 변경할 수 있습니다. 필요한 경우 코드를 설명 할 수 있습니다.




var theImages = new Array(); 

theImages[0] = '1.gif' 
theImages[1] = '2.gif' 
theImages[2] = '3.gif' 
theImages[3] = '4.gif' 
theImages[4] = '5.gif' 

function changeBGImage(){ 
var whichImage = Math.round(Math.random()*(p-1)); 
jQuery('#elementHavingProperty').css('background-image','url('+theImages[whichImage+'])'); 

} 


movement = setTimeout("changeBGImage()",1000000); 
 
0

아마도 화제가 될 수 있습니다. 하지만 내 코드를 체크 아웃하여 페이지의 모든 내용을 회전시킬 수 있습니다.

My web page