2012-04-24 3 views
0

저는 지금 며칠 동안 jQuery를 사용해 왔지만 실제로 사용하려고 노력하고 있습니다. 그래서 저는 개인적으로 새로운 개인 쇼케이스/포트폴리오 웹 사이트를 구축하고 현재 상호 작용하는 쇼케이스를 작성하고 있습니다. 여기서는 작업을 표시하고 사용자는 다음 버튼을 눌러 다음 작품을 보여줍니다. 작업.CSS jQuery - 쇼케이스 이미지 (페이드)

'작업'은 이미지의 배경 세트 (실제 '작업')와 함께 div에 설정됩니다.

기본적으로 CSS 배경 이미지를 페이드 아웃하고 대체 한 다음 페이드 인 할 수 있는지 알고 싶습니다.

dsiplay : none을 사용하고 jQuery를 사용하여 사용자가 '다음'을 클릭 할 때 각각의 작업을 페이드 아웃하기 위해 각기 다른 div를 사용하는 것에 대해 생각하고 있습니다. 하지만 50 곡이 넘는 작품을 보여 주면 다소 지저분해질 수 있습니다. 그래서 나는 하나의 CSS로 하나의 div를 가질 수 있을지 궁금해서 CSS 배경 이미지를 페이드 아웃하기 위해 jQuery를 사용하여 대체하고 바꿨다.

나는 실제로 코드를 작성하지 않았다. 여전히 '아이디어'단계 : -/

고맙습니다.

답변

0

그림마다 다른 요소가있는 이점은 브라우저가 이미지를 미리로드하고 응용 프로그램을보다 반응 적으로 보이게하는 것입니다. 다른 백그라운드에서 직면하면 잠재적으로 그 시간 내에로드 될 수 있습니다. 특히 느린 속도의 연결에서 눈에 띄지 않습니다. 내 생각에 div 접근 방식은 어쨌든 더 좋습니다.

+0

당신이 더 나은 접근법이라고 생각한다면 나는 그걸로 갈 것입니다. 건배! –

+1

예,하지만 절충안이 있습니다. 즉, 모바일 데이터 계획을하는 사람들에게 결코 심한 이미지가 표시되지 않더라도 모든 이미지가로드됩니다 ... 누군가가 현재 이미지를보기 시작하면 거의 다른 이미지를로드하기 시작하려고합니다. 그때. –

+0

그건 사실이야. 앤디. 아마도 다음 div를 동적으로 만들고 다음 전환을 위해로드 할 수있는 방법 일 것입니다. –

관련 문제