body 태그에 대한 배경 슬라이드 쇼를 만드는 방법

특정 jQuery 플러그인을 사용하여 페이지를 활기차게 만들었지 만 검토 과정에서 배경 이미지를 회전하도록 요청했습니다. jQuery를 사용하는 방법에 대한 자습서를 온라인에서 확인했지만 추가 div 태그를 작성해야합니다. 이것은 훌륭한 해결책이었을 것이지만, 문제는 페이지에서 이러한 여분의 div가 플러그인과 충돌하기 때문에 다른 많은 것들을 깔끔하게 정리해야한다는 것을 의미합니다. 도와주세요? 감사.body 태그에 대한 배경 슬라이드 쇼를 만드는 방법

p.s. 코드 스 니펫은 크게 평가 될 것입니다.

출처

2013-06-26 Adeolu Fola-Alade

당신은 배경 이미지를 얼마나 정확하게 회전시키고 싶습니까? 어떤 플러그인에 대해 이야기하고 있습니까? 충돌하는 경우 우리는 당신이 사용하고있는 것을 알아야합니다. –

@KirKill 간단한 fadeIn/fadeOut 슬라이드 쇼가 정상입니다. 플러그인에 관해서는 완전히 공개되지는 않았지만 여전히 친구가 하나 또는 두 개의 꼬임 (이 하나가 분명히 있음)을 개발하고 있습니다. 기본적으로 페이지의 div가 페이지에서 드래그 앤 드롭 될 수 있습니다. –

슬라이드 쇼의 div와 사이트의 콘텐츠 인 div를 삽입하십시오. z-index css-property는 요소의 스택 순서를 지정합니다. jQuery를 슬라이드 쇼에 대한 자습서의 hundrets이 있습니다

http://www.w3schools.com/cssref/pr_pos_z-index.asp

div#slideshow { 
z-index: 1; 
} 

div#content { 
/* for example */ 
width: 800px; 
margin: auto; 

z-index: 2; 
}

플러그인 당신은 사용할 수 있습니다 : 다음과 같이 사용합니다. 이것은 내가 가장 좋아하는 것입니다 : http://www.slidesjs.com/

출처

2013-06-26 18:40:34 raptor

이 도움이 될 것 같은데, .............. 링크가로드되지 않는 것 같습니다. 정렬 될 때 계속 게시됩니다. –

링크가 맞습니다. Z- 색인은 이해하기 쉽습니다. z-index css-property는 요소의 스택 순서를 지정합니다. 값이 높을수록 요소가 더 높습니다. – raptor

body 태그에 대한 배경 슬라이드 쇼를 만드는 방법

답변

관련 문제